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

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