《网页设计与制作》课程教学大纲
一、 课程的性质和任务
课程性质:《网页设计与制作》是现代汽车技术/计算机及应用专业的一门选 修课程,是学习网页设计与制作的一门重要课程。
主要任务:向学生全面介绍与网页设计制作有关的知识,向学生阐明 基本工作机制,并使学生具有解决一般网页制作问题的能力。
Web
与此同时,通过对
Web页制作技术和制作工具的学习,使学生对于网页设计中所涉及的相关知识有 一个全面的
了解。掌握通过 HTMI语言、FrontPage、Flash工具软件设计制作一 个网站的方法与技巧。
基本要求:
1、 了解In ternet 的过去、现在和将来及有关 WWWHTTP HTML CSS的定 义,概念和
作用;
2、 了解图像的几种格式:GIF、JPEG PNGffi矢量图格式,它们各自的特点 和差别; 3、 理解服务器、客户端、浏览器的概念和作用;
4、 深入理解HTM语言中的各种文本格式、字符格式、段落设置、列表、标 记、表格、
框架、表单的作用;
5、 理解客户端脚本程序的工作方式;
6熟练掌握使用绝对和相对 URL创建超链接,图象链接,图象映射的建 立方法; 7、会使用FrontPage2000、DreamWeave等网页制作工具制作网页;
二、 课时分配
课程教学总学时数为42学时,具体分配见课时分配表。
课时分配表
序号 课题 教学时数 小计 讲课 实验 机动 -一一 第一章HTML概述 -二二 第二章页面背景与颜色控制 2 2 2 2 1 1 1 1 1 1 1 1 第三章文本格式 四 第四章列表格式 五 六 七 八 九 十 十一 十二 第五章使用图像 第六章使用超链接 第七章使用表格 第八章使用框架 第九章使用表单 第十章使用对象 第十一章CSS技术 第十二章网页设计工具 2 2 2 2 2 2 4 6 8 2 1 1 1 1 1 1 2 3 4 1 1 1 1 1 1 2 3 4 2 Fron tPage2000 十三 十四 十五
网页设计工具---- Dreanweaver 综合实例 机动 总计 2 21 2 42 19 三、本课程的教学内容
第一章HTML概述
什么是HTML什么是 WEB HTM啲定义;基本的HTM语法;标记符的属 性;WEB
页的基本结构;HTML标记;首部标记;正文标记符;添加注释;显示 特殊字符。
第二章页面背景与颜色控制
页面背景;背景颜色;背景图案;字符和链接的颜色。 第三章文本格式
字符格式;物理字符样式;逻辑字符样式;段落格式;分段与换行;段落对 齐。 第四章列表格式
有序列表;0L标记符和LI标记符;有序列表的嵌套;无序列表;定义无序 列表;混合嵌套列表;定义列表;创建定义列表;使用定义列表缩排文档
第五章使用图象
WEBS图象格式;在网页中插入图象;IMG标记符及其基本属性;图象布 局;使用
GIF动画;创建GIF动画;注意事项;使用网页图象的要点。
第六章使用超链接
超链接基础;URL简介;绝对URL与相对URL BASE标记符;创建超链接;.1 指向本地网页的链接;指向其他网页的链接;指向页面中特定部分的链接;指向 电子邮件的链接;图象与超链接;链接到图象;图象链接;图象映射;客户端图 象映射;服务器端图象映射。
第七章 使用表格
创建表格;表格标记符TABLE创建表格标题;表格的表头;表格的行与列; 表格的修饰;边框和分隔线;表格的对齐;控制单元格空白;行组;列组;使用 表格设计网页布局;
设置表格或单元格的背景;嵌套表格。
第八章 使用框架
框架的基本概念;框架与框架集;框架的嵌套; 框的移动;指定超链接的目标框架;使用页内框架。
第九章 使用表单
表单概述;什么是控件;FORM标记符;创建输入型表单元素;文本框与口 令框;复选框与单选框;文件选择框;提交按钮和重置按钮;多行文本与按钮; 创建多行文本输入框;使用
焦点;表单的提交与处理。
第十章 使用对象
多媒体对象;链接多媒体对象;嵌入多媒体对象;JAVA小应用程序(Applet) 和 Active 控件; Java 小应用程序; Active X 控件;滚动字幕。
第十一章CSS技术
NOFRAME标记;框架的初
始化;框架的显示效果;设置框架的边框;设置框架边空;设置框架的滚动条; 控制框架边
BUTTON标记符创建按钮;创建选项菜单; SELECT
与OPTION标记符;OPTGRO标记符;表单元素的标签与输入焦点;设置标签; 获得输入
CSS基础;CSS的概念;样式表中的属性单位;在网页中添加 CSS样式表 项的组成;使
用DIV和SPAN标记符;三种添加样式信息的方法;层叠样式表的 优先规则;使用CSS设置网页格式;设置字体格式;设置颜色与背景;设置文本 属性;设置边框属性;设置布局属性;设置列表格式;使用
第十二章 网页设计工具—— FrontPage2000
CSS进行定位。
FrontPage2000的界面;FrontPage2000主窗口; FrontPage2000的视图;站 点与网页
的基本操作;创建、打开和保存网页;站点基本操作;网页文本的基本 操作;设置网页的格式;使用DHTM效果和网页过渡效果;特殊网页元素的插入; 插入图片; 插入组件和高级选项; 创建超链接; 创建表格; 使用表单; 创建表单; 设置表单控件属性。
中文文档编辑、列表、水平线、背景、图像处理、超链接设置等有关操作; 设置表单
控件属性;标签与热键;表单处理等。 。
第十三章 网页设计工具 --------- Dreanweaver
Dreanweavermx的界面; Dreanweavermx主窗口; Dreanweavermx 的视图; 站点与网
页的基本操作;创建、打开和保存网页;站点基本操作;网页文本的基 本操作;设置网页的格式;使用DHTM效果和网页过渡效果;特殊网页元素的插 入;插入图片;插入组件和高级选项;创建超链接;创建表格;使用表单;创建 表单;设置表单控件属性;标签与热键;表单处理等。
四、课程实践环节教学安排 网页制作课程具有很强的实践性, 所以在本课程的实践教
学主要以掌握如下 制作技能的实训教学为主, 可以采用在计算机多媒体教室进行课堂教学, 紧接着 在计算机机房按教师布置题目要求进行实训操作。
五、 本课程教材及参考书目
1. 推荐教材
《Drea nweavermx实用培训教程》作者:朱萍、张超
版日期: 2003年 8 月,第一版
清华大学出版社 出
2. 参考书目
(1) 《网页设计 4 合一 培训教程》作者:江春 机械工业出版社 出版日
期: 2000 年 7月,第一版
(2) 《WEB?程丛书-HTML编程指南》作者:武焰 电子工业出版社,出版
日期: 1999年 6 月,第一版
(3) 《计算机网络与因特网》 《 Computer Networks and Internets Second Edition 》 作
者: Douglas E.comer 翻译:徐良贤等 清华大学出版社 出版日 期: 2000 年 8月,第二版
(4) 《Internet 网页工厂》 作者:张健 Wittime 工作室 重庆出版社 出 版日期: 2000
年 4 月第一版
六、 关于其他要说明的问题
1、在大纲中涉及的工具软件应以当前社会流行的版本和工具为准。
2 、关于大纲中提到的DreamweavermX和其它工具软件,可以参照《网页设 计 4 合一 培
训教程》一书。
3、大纲中虽已经规定了讲授和实验课时的比例,而讲授教师可以根据学生 的实际情况
酌情调整讲授和实验课时的比例, 但是最终目的是要完成大纲中的课 程教学基本要求。