网页制作教学大纲(专业课).doc

《网页制作》教学大纲（40学时）
课程代码：13407334
一、课程性质、目的及开课对象
（一）课程性质：专业选修课
（二）目的：对学生进行网页制作技能训练，提高他们对网络资源利用开发的能力，处于信息时代，还应努力培养学生的信息素养，使他们掌握网页制作的基本技能和网络资源利用的基本能力，以及网络道德素养的培养与提高。
（三） 开课对象：教育技术学专业本科学生，时间为第七学期。
二、先修课程：无
三、教学方法和考核方法
（一）教学方法：演示法、讲授法。
（二）考核方式：考查
四、学时数分配
总学时：40学时。授课20学时，实验20学时。
五、教学内容与学时
第一章 HTML基础（2学时）
【主要内容】：
1.1 什么是HTML
1. Web页的基本概念
2. HTML的工作原理
3. 创建和测试Web页
1.2 创建WEB页
1. 标记符基础
2. Web页的基本结构
3. 设置页面属性
4. 添加注释
5. 显示特殊符号
1.3 发布WEB页
1. 创建本地站点
2. 申请网页空间
3. 用FTP上传网页
【重点难点】：站点的创建与使用
【学生掌握要点】：什么是HTML、站点的创建与使用
【习题】：
1. 简要说明HTML的基本工作原理。
2. 编写一个能够显示背景图案并能播放背景音乐的网页。
第二章 文本格式（2学时）
【主要内容】：
2.1 文本分段
1. 段落标记符P和换行标记符BR
2. 水平线标记符HR
3. 标题标记符Hn
4. 段落对齐
2.2 控制文本的显示效果
1. 字体控制标记符FONT
2. 物理字符样式
3. 逻辑字符样式
4. 滚动文字效果
2.3 列表格式
1. 有序列表
2. 无序列表
【重点难点】：控制文本的显示效果
【学生掌握要点】：文本格式化
【习题】：
1、自行编写实例，尝试本章中介绍的所有标记符和属性。
第三章 使用图像（4学时）
【主要内容】：
3.1 web页图像基础
1. 位图与矢量图形
2. Web页图像格式
3. 使用网页图像的要点
3.2 图像处理基本操作
1. Fireworks的界面
2. 修改图像大小
3. 用适当的格式导出图像
4. 制作GIF动画
3.3 图像标记符IMG
1. 插入图像
2. 设置图像属性
3.4 创建超链接
1. 相对地址和绝对地址
2. 页面链接
3. 锚点链接
4. 电子邮件链接
3.5 使用图像映射
1. 什么是图像映射
2. 创建图像映射
【重点难点】：创建超级链接和对页面空间结构的理解。
【学生掌握要点】：图像处理基础、图像处理、超级链接
【习题】：
1. 简要说明GIF格式和JPEG格式各自的特点。
2. 说明在网页中使用图像时应注意的基本原理。
3. 使用FRIEWORKS制作一个GIF动画，并将动画插入到网页中。
4. 制作一个简单的图像映射网页。
第四章 表格与框架（2学时）
【主要内容】：
4.1 创建表格
1. 表格的基本结构
2. 合并单元格
3. 构造表格的步骤
4.2 表格的属性设置
1. 边框与分隔线
2. 控制单元格空白
3. 表格的对齐
4.3 使用表格设计网页布局
1. 控制表格和单元格大小
2. 控制表格和单元格的背景
3. 使用嵌套表格
4. 表格布局综合应用
4.4 创建框架
1. 什么是框架
2. 指定框架结构
3. 框架的嵌套
4. 框架的初始化
4.5 控制框架的显示效果
1. 边框效果
2. 设置框架空白
4.6 使用框架设计网页布局
1. 指定超链接的目标框架
2. 使用页面框架
【重点难点】：使用表格与框架设计网页布局
【学生掌握要点】：实现表格的各种作用、使用框架设计网页布局
【习题】：
1、按照讲解实例自行制作。
2、制作一个简单的个人网站，要求使用表格排版，并用到框架导航结构。请注意不同页面到框架页面的跳转，以及如何从框架页面跳出。
第五章 CSS技术（4学时）
【主要内容】：
6.1 CSS入门
1. 什么是CSS
2. CSS的属性单位
6.2 在网页中使用CSS
1. 在标记符中直接嵌套样式信息
2. 在STYLE标记符中定义样式信息
3. 链接外部样式表中的样式信息
4. 样式的优先级
6.3 CSS样式定义
1. HTML标记符selector
2. 具有上下文关系的HTML标记符selector
3. 用户定义的类selector
4. 用户定义的ID selector
5. 虚类selector
6.4 CSS属性
1. 字体与文本属性
2. 颜色与背景属性
3. 布局属性
4. 定位和显示属性
5. 列表属性
6. 鼠标属性
6.5 CSS过滤器效果
1. 过滤器属性列表
2. 过滤器效果示例
【重点难点】：CSS样式定义
【学生掌握要点】：在网页中使用CSS
【习题】：
1. 简要说明在网页中使用CSS的三种方式，并说明各自的特点。
2. 说明如何确定网页中特定CSS样式的优先级。
3. 试验各节介绍的各种CSS属性效果和过滤器效果。
4. 制作一个个人网站，要求合理使用CSS技术和其他网页技术。
第六章 用DreamweaverMX制作网页（6学时）
【主要内容】：
7.1 DreamweaverMX的界面
1. DreamweaverMX的界面元素
2. 设置文档窗口
7.2 创建和管理站点
1 网站开发流程
2. 创建本地站点
3. 管理本地站点
4. 创建与管理远程站点
7.3 文本修饰与超链接
1. 制作网页的一般过程
2. 设置字符格式
3. 设置段落格式
4. 设置列表格式
5. 使用超链接
7.4 使用图像
1. 插入图像
2. 设置图像属性
3. 制作图像映射
4. 动态图像效果
7.5 使用多媒体对象
1. 使用声音与视频
2. 使用Flash对象
7.6 设置页面版式
1. 使用表格排版
2. 使用层排版
3. 使用框架排版
7.7 表单与行为
1. 创建表单
2. 创建表单控件
3. 添加表单控件标签

4. 行为的概念与基本操作
5. 使用DreamweaverMX自带的行为动作
7.8 使用样式
1. 使用HTML样式
2. 创建和应用CSS样式
3. 创建和链接外部CSS样式表
【重点难点】：站点的建立与管理；网页设计与制作
【学生掌握要点】：用DreamweaverMX制作网页
【习题】：
1. 简要说明Dreamweaver的界面组成元素及其相应功能。
2. 简要说明网站建设的工作流程，规划站点时要考虑哪些问题？设计站点时要考虑哪些问题？
3. 总结在Dreamweaver中制作网页的一般过程。
4. 如何在网页中使用声音和视频？
5. 在Dreamweaver中分别用表格和层两种方法制作同一个页面效果。具体页面要求见授课内容。
6. 在Dreamweaver中实现一个简单的网站（5－10页），要求使用框架导航结构。
7. 什么是行为？Dreamweaver提供哪些常用的行为动作？它们的作用是什么？
8. 什么是HTML样式？它和CSS样式有何不同？在Dreamweaver中能够实现哪些类型的CSS样式？
9. 简述在Dreamweaver中使用CSS样式表的步骤。
六、教材与教参
（一）教材：
无
（二）教参：
1、《网页制作教程》 赵丰年等 人民邮电出版社 2005年
2、《网页制作三剑客实例精粹》 姜谷鹏等 航空工业出版社 2003年
3、《跟我学Dreamweaver MX》 甘登岱等 人民邮电出版社 2002年

6