第一篇：高中信息技术《网页制作初步》教案
高中信息技术《网页制作初步》教案
www.xiexiebang.com 教材分析
教学内容：高中信息技术第五章第二节《网页的制作》。
教学重点：网页文字处理、插入图片、动画、水平线以及设置背景的方法。
教学难点：通过网站自主学习，让学生自己建立网页。
学生分析
本课对象是高一学生，学生通过前面woRD和INTERNET的学习，对网页内容编辑、结构和效果等设计有了一定的感性认识。
教学目标
熟悉网页中的各种元素及其制作方法，初步了解网页制作过程，培养学生的自学能力和创新探索精神。
教学环境
设计“网页制作”网站，是学生通过网站在教师的引导下，实现自主学习，完成网站中每一知识点的学习，教师借助投影仪及时反馈学生在完成目标时出现的问题。
教学方法
通过网站引导学生自主学习，解决教师提出的实际问题。
教学过程
（引入）边讲边演示
展示一个简单的网页
你现在正在上网，一定去了不少站点吧！这些站点的页面都设计得非常精美，让你在浏览信息的同时，还可以得到美的享受。这么吸引人的页面，是怎么制作出来的呢？你想不想也做一个精美的个人主页呢？如果你的回答是肯定的，那我们就一起学一下FrontPage的使用。FrontPage是优秀的专业化网页设计软件之一，使用FrontPage你只要几分钟就可以建立一个自己的网页，这可是一件令人激动的事哟！
（新课）教师引导学生根据网站自学，完成教师提出具体操作要求
模块
一、教师引导学生自学“网页制作知识准备”，提出问题：
1、启动FRoNTPAGE？
2、FRoNTPAGE的三种显示模式？
3、在e:下新建空站点，取名为abc站点文件夹。
模块
二、教师引导学生自学“新建网页”，提出要求：
1、新建普通网页。
4、打开e:网站制作素材可爱的家乡高邮.htm网页。
模块
三、教师引导学生自学“文字编辑”，提出要求：
1、把高邮.htm网页中的标题设置为“5号”、绿色，“加粗”字体，“居中”对齐。
2、把高邮.htm网页中的正文字体设置为“3号”，绿色。
模块
四、教师引导学生自学“图片动画”，提出要求：
1、在网页中插入e:网站制作素材高邮风景高邮湖.jpg
2、在网页中插入e:网站制作素材高邮风景welcome.gif
模块
五、教师引导学生自学“水平线”，提出要求：
1、在网页中标题与正文之间插入水平线。
2、水平线宽度设置为100%，高度为3像素，水平居中，颜色改为绿色。
模块
六、教师引导学生自学“设置背景”，提出要求：
设置网页背景为e:网页制作网站制作素材高邮风景背景2文件
模块
七、教师引导学生自学“保存”，提出要求：
将当前网页另存到e:abc高邮.htm，并将图片保存到images文件夹中。
模块
七、教师引导学生自学“小结”，提出要求把学生分为两组，一组练习制作个人网页，一组练习制作班级网页。制作素材在e:网站制作素材练习素材中。对学生作品点评，小结。www.xiexiebang.com
第二篇：浙江省高中信息技术网页制作会考知识点
浙江省高中信息技术网页制作会考知识点
一、插入网页元素：
01.文字及格式：从文本文件中复制文字内容 → 光标定位到相应单元格中 → 粘贴 → 选中文字 → 格式 → 字体（段落）→ 根据题意设置 → 确定
02.字幕组件：定位 → 插入 → 组件 → 字幕 → 输入文字设置属性 → 确定。
03.艺术字：定位 → 插入 → 图片 → 艺术字 → 选择一种式样后确定 → 输入文字设置格式后确定。
04.图片及属性：光标定位于单元格中 → 插入 → 图片 → 来自文件 → 找到并选中图片文件（一定要从考生文件夹中找图片，包括扩展名都要正确，文件类型可以选所有文件。）→ 确定 → 右击图片 → 图片属性 → 根据题意设置 → 确定（注意不能设置成单元格背景图片）
05.表格：光标定位 → “表格”菜单 → 插入 → 表格（行或列、单元格）。
06.水平线及属性：光标定位 → 插入 → 水平线 → 右击水平线 → 水平线属性 → 根据题意设置 → 确定
二、背景（颜色或图片、音乐）、属性的设置：
01.网页属性（网页背景、背景音乐、网页标题等）：在网 1
页中右击 → 网页属性 → 根据题意设置 → 确定（图片和音乐文件一定要来自自己的考生文件夹，网页标题不能插入到网页的上方）
02.表格背景、表格属性：光标定位于要设置的表格右击 → 表格属性 → 根据题意设置 → 确定
03.单元格背景、单元格属性：光标定位于要设置的单元格右击 → 单元格属性 → 根据题意设置 → 确定
三、表格的操作：
01.插入行（列）：光标定位 → 表格 → 插入 → 行或列 02.删除行（列）：选中要删除的行（列）→ 表格 → 删除单元格（正确选择行或列）
03.合并（拆分）单元格：选中要合并（拆分）的单元格 → 表格 → 合并（拆分）单元格→ 根据题意设置 → 确定
四、超链接的设置：
01.在文字（图片）上设置（修改）超链接到网站地址：选中文字（图片）→ 在选中区域右击 → 超链接（超链接属性）→ 单击“原有文件或网页”按钮 → 在地址栏中输入网址 → 确定。
示例：超链接到“中央电视台”http://常见错误：（1）只有（2）http://http://2
02.链接到文件：选中文字（图片）→ 在选中区域右击 → 超链接（超链接属性）→ 单击“原有文件或网页”按钮 → 找到并选中文件（必须到考生文件夹中去寻找所要链接的文件，包括扩展名都要正确。显示扩展名的操作：打开一个文件夹 → 工具→ 文件夹选项 →“查看”标签 → 去掉“隐藏已知文件类型的扩展名”前面的对号 → 确定）→ 确定
示例：链接文件germ.htm
常见错误： http://germ.htm
03.链接到电子邮件：选中文字（图片）→ 在选中区域右击 → 超链接（超链接属性）→ 单击“电子邮件地址”按钮 → 电子邮件地址栏中输入电子邮件地址 → 确定
示例：超链接到abc@163.com
常见错误：（1）只有myname@163.com（2）http:// myname@163.com
五、新建网页（保存位置是考生文件夹、文件名要正确）
文件 → 新建 → 空白网页（开始 → 所有程序 → Microsoft Office → Microsoft Office FrontPage 2003）→ 按照题意制作网页 → 文件 → 保存 → 选择保存位置和输入文件名 → 保存 → 关闭窗口
第三篇：高中信息技术 网页制作教案 粤教版选修3
网页制作
教学目标：
1、了解网页的主要构成内容
2、学会网页的布局
3、学会网页中插入图片，文字设置，插入超链接的方法 教学内容：
1、启动FrontPage “开始”菜单——程序——Microsoft office——Microsoft FrontPage
2、新建网页：文件——新建——空白网页
表格——表格布局 表格——插入表格
专心
爱心
用心 1
调整表格
插入图片：
1． 插入：插入——图片——剪贴画（来自文件）2． 设置：右击图片（快捷菜单）——图片属性 3． 删除：选择图片——按删除键
调整图片，单击图片，出现小黑方块，就可调整图片
专心
爱心
用心 2
文字的录入：直接录入。
复制——复制粘贴
文字的编辑：格式——字体
格式——段落
文字最后生成格式
专心
爱心
用心 3
超级链接：
1． 链接到邮箱
选择“求助信箱图片”——单击超链接按钮——选择“邮件超链接”按钮——输入邮箱地址——确定
2． 链接到其他网页、网站
选择链接文字——单击超链接按钮——输入指定网页地址——确定 3． 取消超链接
选择超链接部分——单击超链接按钮——删除URL地址栏的内容——确定
保存：文件——保存
保存位置为F：/**班级/
专心
爱心
用心 4
第四篇：网页制作教案
网页制作与设计教案
第一讲 网页设计概述....................................................................................................................3 1.1WWW和URL.....................................................................................................................3 1.2IE5的使用............................................................................................................................3 1.3 网页中所使用的技术............................................................................................................4 1.4 制作网页的基本方法............................................................................................................4 第二讲 HTML的基本标志与格式标志.......................................................................................4 2.1 HTML文档的基本结构.........................................................................................................5 第三讲 HTML的文本、图片与超级链接标志...........................................................................5 2.2 插入文字................................................................................................................................6 2.3 插入图片................................................................................................................................8 2.4 建立超级链接........................................................................................................................8 第四讲 HTML表格、表单与框架标志.......................................................................................9 2.5 插入表格................................................................................................................................9 2.6 表单的应用..........................................................................................................................10 2.7 框架窗口..............................................................................................................................10 第五讲 HTML标志综合运用案例.............................................................................................11 第六讲 DREAMWEAVER中简单WEB站点建立与管理.....................................................12 3.1 DREAMWEAVER概述............................................................................................................12 第七讲 DREAMWEAVER中静态网页设计.............................................................................13 3.2 在页面中加入文字和图像..................................................................................................14 3.3 超级链接的运用..................................................................................................................14 3.4.表格的应用.........................................................................................................................14 3.5.在网页中创建表单.............................................................................................................15 第八讲 DREAMWEAVER中动态网页设计.............................................................................15 第九讲 DREAMWEAVER综合性网页设计案例.....................................................................16 第十讲 VBSCRIPT概述.............................................................................................................17 4.1 VBSCRIPT语言简介.............................................................................................................17 第十一讲 VBSCRIPT的基本元素与输入输出.........................................................................18 4.2.基本数据类型.......................................................................................................................18 4.2.表达式和运算符.................................................................................................................19 第十二讲 VBSCRIPT的条件语句、循环语句和过程.............................................................20 4.3 VBSCRIPT基本语句.............................................................................................................20
第一讲 网页设计概述
【教学内容】
讲解网页设计的相关术语及网站制作的基本流程。【教学目的】
使学生对网站及网页有一定的认识，激发学生学习网页设计的兴趣。【教学重点】
网页设计中的若干术语。【教学难点】
理解网页设计中的若干术语。【教学方式】
讲授式、讨论式、案例分析式。【教学参考】
1、《网页设计与制作》杨尚森 曲宏山 贾文峰等著 电子工业出版社。
2、《Internet 网页工场》Wittime工作室 重庆出版社。
3、《WEB网站设计》Joel Sklar著 高等教育出版社。
4、《HTML网页制作教程》材义语编著 铁道出版社。【新课内容】
1.1 WWW和URL 1.1.1 Web的起源
Web是World Wide Web的简称，一般也称之为WWW或3W 1.1.2 Web的特点和结构
Web最大的特点是使用了超文本（Hypertext）WWW采用C/S（客户机/服务器）工作模式
在浏览器和服务器之间应用HTTP（Hyper Text Transfer Protocol，超文本传输协议）作为网络应用层通信协议 1.1.3 URL URL的完整格式
协议://主机名或IP地址：端口号/路径名/文件名
1.2 IE5的使用
Web浏览器是浏览Internet资源的客户端软件
在Windows环境下使用的浏览器主要有Internet Explorer、Netscape Navigator、Mosaic等
1.2.1 IE5的界面 1.2.2 IE5的使用
列表标志的使用。【教学方式】
讨论式、案例分析式、练习式。【教学参考】
1、《网页设计与制作》杨尚森 曲宏山 贾文峰等著 电子工业出版社。
2、《WEB网站设计》Joel Sklar著 高等教育出版社。
3、《HTML网页制作教程》材义语编著 铁道出版社。【新课内容】
2.1 HTML文档的基本结构
2.1.1 HTML语法
1、双标记
语法：
<标记>内容
2、单标记 语法：<标记> 最常用的单标记是
3、标记属性 语法
<标记
属性1 属性2 属性3 … > 例子
4、注释语句 格式
例子
2.1.2 HTML文档的基本结构 【课后小结】
通过本次课的学习,要求能熟练掌握网页面的基本标志与格式标志,并能灵活运用 列表,有序列表,无序列表标志及属性。
第三讲 HTML的文本、图片与超级链接标志
【教学内容】
讲解HTML标准中的文本、图片与超级链接标志 【教学目的】
* 使学生了解标题元素,掌握字体,上下标,及特殊字符的标志。
< EM>......，强调文字，通常用斜体。
< STRONG>......，特别强调的文字，通常用黑体。
......，以等宽体显示西文字符。
......，使文字大小相对于前面的文字增大一级。
......，使文字大小相对于前面的文字减小一级。......，使文字成为前一个字符的上标。......，使文字成为前一个字符的下标。
文本修饰 2.2.7
预格式化文本 使用预格式化标记
不再忽略在此之间的空格、制表符与回车符等元素 2.2.8 转义字符与特殊字符
一般转义符都是以“&”开始，以“；”结束，一个转义符之间不能有空格 2.2.9 文本强制换行和不换行 文本强制换行
不换行
标记
属性：Width，Size，Align，Noshade，color 2.2.11 使用列表
1、无序列表
- 列表条目1
- 列表条目2......
2、有序列表
- 列表条目1
- 列表条目2......
3、定义列表
- 列表条目1
- 条目1的说明
- 列表条目2
- 条目2的说明 ……
...... 2.4.4 图像地图 【课后小结】
本节介绍了在网页中加入文本、图片和超级链接的标志与相应属性，熟练运用这些标志是制作多媒体网页的基础。超级链接标志中，书签链接是一类特殊的链接方式，理解和使用书签链接学习HTML中超级链接标志的难点。
第四讲 HTML表格、表单与框架标志
【教学内容】
讲解HTML中制作表格、表单与框架的标志。【教学目的】
使学生掌握简单表格、表单与框架的制作。【教学重点】
* 表格中单元格的合并以及表格嵌套和叠加操作。* 框架的嵌套使用。* 表单元素标志与属性。【教学难点】
* 理解表格属性rowspan与colspan的含义以及表格嵌套实现的基本思想。* 理解框架属性name、target的意义。
* 理解表单中相应元素对应标志及属性的含义。【教学方式】
案例分析式、项目教学 【教学参考】
1、《网页设计与制作》杨尚森 曲宏山 贾文峰等著 电子工业出版社。
2、《WEB网站设计》Joel Sklar著 高等教育出版社。
3、《HTML网页制作教程》材义语编著 铁道出版社。【新课内容】
2.5 插入表格
2.5.1 在网页中插入表格
表格的基本构成元素：表头，单元格，列，行
| 第一行第一列 | 第一行第二列 |
| 第二行第一列 | 第二行第二列 |