HTML与网页制作教学大纲

1、 HTML 与网页制作 教学大纲 课程编号 编制人 制定日期 修订人 修订日期 审定组 ( 人 ) 审定日期 张立涓 2007 5 学 时： 39 适用专业： 计算机网络技术专业（业余） 一、课程的性质与任务 课程的性质：HTML 与网页制作课程是计算机网络方向必修的一门专业基础 技能课程。学 生在学习本课程之前应当具有计算机网络和计算机操作的预备知识和能力。 课程的任务： 作为计算机网络技术专业的学生，应该具备网页设计的相关知识，并有专业化网 站的构建能力，能够策划、设计、实现和维护中小型网站（如公司网站、电子商 务网站等）。学习完本课程后，学生应该能够形成网站策划和设计的基本知识结 构并具

2、有创建一个中小型的个人网站，并将其发布到 Internet 上运行的能力。 前导课程： 计算机导论 后续课程 ： Internet 高级技术 二、教学基本要求 本课程内容新颖实用并处于逐步形成过程之中， 还未具有相应系统的理论， 且变化相对比较快。目前，基本以网站建设和网页设计的实践为线索来确定课程的知识结构。根据课程具有 实用性的特点， 实践环节在教学过程中占有重要地位。 通过本课程的学习与实践， 学生应达到： 1掌握互联网基本知识，及有关 Web 网站建设的基本概念与方法。 2掌握网页设计制作的基本概念， HTML 超文本标记语言的基本知识。 3主要掌握网页制作工具 Dreamweaver

3、 、 Flash 和 Firework 的使用 4掌握有关计算机网络信息的收集、加工、处理、发布与维护的基本框架与工作流程，能建设中小型网站。 5了解本课程相关技术的发展趋势。 三、教学条件 由于该课程注重学生的实际操作能力，因此要求所有课程在计算机房进行，要求为每个 学 生 配 备 一 台 高 性 能 计 算 机 ， 操 作 系 统 ： Windows 2000 Server, 并 安 装 Macromedia Dreamweaver Mx 、 Flash Mx 、 Fireworks Mx ，并具备 Internet 上网条件。 四、教学内容及学时安排 序 单元 主要内容 教学要求 学 号

4、 时 1 1 Flash Mx 的使用入 门及逐帧 动画的制 作 2 Flash Mx 动画基础 理论 教学 实践 项目 理论 教学 实践 项目 1 Internet 基本知识及网站建设基本 概念和流程 2 Flash Mx 的工作环境 3 Flash Mx 文件操作 4绘制图形和利用图形编辑工具对图 形进行编辑修改 5逐帧动画的制作 1使用绘图工具绘制图形 2 用图形编辑工具对绘制的图形放大、缩小、旋转等 3将绘制的多个图形进行组合、 移动、对齐等操作 1 时间轴 2 动画帧 3 编辑帧 4 动画分类及基本制作方法 5 形状渐变动画和运动渐变动画 制作运动渐变动画和形变动画，观察不同效果 1

5、 熟悉 Flash Mx 的操 作环境 2 掌握各种绘图工具 的功能 3 掌握图形编辑工具的功能 1 熟练掌握 Flash Mx 的工作环境和文件操作方法 2 能够熟练使用绘图工具 3 能够灵活的利用图形编辑工具对绘制的图形进行编辑修 改 4 掌握逐帧动画的制 作方法 1 掌握普通帧、关键 帧等相关概念 2 了解动画的基本分类，及每种动画的特点 1 掌握形变动画的制 作方法和技巧 2 掌握运动渐变动画 的制作方法和技巧 1 1 1 1 3 Flash Mx 场景和符 号 1 场景 1 了解符号的概念与 1 分类及每种符号的应用 2 符号与实例 理论 场合 3 图形、按钮、影片剪辑符号的创 教学

6、 2 了解音质的一些参 建与应用 数：采样率、分辨率等 4导入和编辑声音 1 掌握多场景动画的 2 1制作多场景动画， 实现在各个场景 制作方法和技巧 实践 间的切换 2 掌握符号的创建和 项目 2制作一个按钮符号并为其添加动画 应用方法 和声音 3 掌握声音导入的方 法 2 4 Flash 导 线层动画 理论 1图层的概念 和蒙版层 教学 2导向图层和蒙版图层 动画 实践 制作导线层动画和蒙版层动画 项目 了解图层的基本概念与 1 分类 掌握导线层动画蒙版层 4 动画的制作方法 5 Actions 基本编程 及应用 理论 教学 实践 项目 6 Fireworks Mx 使 用入门及图形图像、

7、 理论 文本、位 教学 图操作 实践 项目 1.ActionScript 简介和编程界面 2. 常用 Actions 命令 3.Action 编程事件 4. 外部控制语句 5. 动态控制影片剪辑实例 6. 控制目标、控制鼠标的命令 1 采用 Actions Script 编程设计一 个 Flash 小游戏 2运行和测试编写的程序 1 Fireworks Mx 工作环境 2. 图形图像的基本操作 3文本、位图的操作 4图层 5蒙版 6滤镜 7特效 1 熟悉 Fireworks 工作环境 2 利用各种矢量图绘制工具，绘制多个矢量图形，领会各种工具的方法和技巧 1 了解 ActionScript 编

8、 2 程语言的特点 2 掌握 ActionScript 变 量、运算符、表达 式、函数、语句结 构等 3 掌握常用 Actions 命 令 4 掌握 Actions 编程事 件 1掌握 Actions Script 2 语言基本编程规则和方 法 2 掌握常用 Actions 命 令的使用 3 掌握 Actions 编程事 件的应用方法 4 了解控制目标、鼠 标的命令 1 掌握图形图像的基 1 本操作工具 2 握文本、位图的基 本操作工具 3 理解图层和蒙版在 图像处理中作用和 特点 4 掌握各种滤镜和特 效的使用方法 1 熟练使用图形图像 2 的基本工具 2 熟练使用文本、位 图的基本操作工具

9、3 握创建图层、蒙版 的方法 4 能够灵活运用虑镜和特效 3 10 Dreamwe 1 Dreamweaver Mx 工作环境 aver Mx 2. 网页文件基本操作 概述；在 3. 规划网站与创建站点 理论 网页中插 4. 制作网页，设置网页属性 教学 入对象及 5. 在网页中插入文本、图像等对象， 链接 修改各种对象的属性 6在网页中建立各种链接 1. 创建一个网站 , 添加网页， 实践 2. 在网页中插入文本、图像等对象 项目 3建立各种链接 12 表格、版 1. 表格基本操作 面布局、 2. 设置表格格式 框架 理论 3. 布局视图 教学 4. 布局表格和单元格基本操作 5. 设置布局

10、表格、单元格格式 6创建、编辑框架 1. 创建表格，设置表格属性。 实践 2. 在表格中添加文本、图像 项目 3. 创建布局视图，布局表格单元格。 4创建框架结构网页 13 层和行为 1 行为的使用 理论 2 创建时间线动画 3 编辑时间线 教学 4 用于时间线上的行为 5. 层的操作 实践 1. 创建层，体会层在布局中的灵活性 项目 2结合行为创建层动画、层隐藏 14 表 单 、 1 动态网页设计概述 CSS 层叠 理论 2 表单的创建、设置表单属性 样式表 教学 3样式表 实践 1 创建一个用于网上注册的表单 项目 2新建 CSS 样式，将其应用到文本中 1 熟 悉 Dreamweaver

11、 1 工作环境 2 掌握创建网站和添 加网页的方法 3 掌握在网页中插入 对象的方法 1 掌握网站的创建方 2 法和网页的添加方 法 2 掌握在网页中插入 文本、图像的方法 3 掌握创建各种链接 的方法 掌握网页版面布局的几 2 种方式：表格、布局视 图、布局表格、框架等 1 掌握表格的基本操 4 作 2 掌握布局视图、布 局表格的基本操作 3 掌握框架布局方式 1 掌握行为的使用 1 2 掌握层在网页布局 中的作用 1 掌握层基本操作 1 2 能够灵活运用层丰 富网页 1 了解动态网页的基 1 本知识 2 掌握表单中的几种 常用控件 1 掌握样式表的应用 1能够熟练应用表单的 1 几种常用控

12、件 2能够创建 CSS 样式，并应用 4 15 模 版 与 库、站点 的管理 16 课程设计 理论 1模板和库 1了解模板和库的作用 1 2. 掌握站点管理的方 教学 2站点管理 法 1 能够应用时间线上 1 实践 1 创建一个模版并利用它制作网页 的行为创建简单动 2创建一个库元素， 利用它更新网站 画 项目 上的网页 2 能够创建模板和库 并体会其作用 1 掌握网站策划的流 5 程 制订网站规划方案 2 掌握网页制作、布 实践 根据方案建立自己的网站 （内容自定） 局的主要方法 项目 在局域网上发布自己的站点 3 掌握网站的发布和 测试并维护 维护方法 4 能够综合运用网页 制作三个软件

13、理论教学 13 学时合计 26 实践教学 五、教法说明 在理论教学上，采用“案例分析”的方式，引导学生发现问题、分析问题，掌握网站建设的基本概念和流程。在实践教学上，采用“实例引导，项目驱动”的方式讲授常用软件的使 用，通过实现相关实例，在实例基础上改造拓宽，真正实现“学以致用” 。在教学过程中，注重对学生各方面素质的培养，注重培养学生的动手能力、表达能力、协作能力和学习能力等。 六、考核方式及评分办法 本课程注重网站设计和实现的实际操作能力。操作考核注重考核学生对动画制作软件 Flash Mx 、图形处理软件 FireWork Mx 以及网页制作软件 DreamWeaver Mx 应用及相关技巧的掌握， 考核比重占 40%；课程设计注重检查学生的网页制作与网站策划能力，考核比重占 40%，平 时作业及上课情况占 20% 。 七、教材与参考书 教材： 超梦幻劲爆网页 Dreamweaver Mx 2004 ，Flash M