当前位置:文档之家› 《网页设计与制作》课程教学大纲(精)

《网页设计与制作》课程教学大纲(精)

《网页设计与制作》课程教学大纲
一、课程的性质和任务
课程性质:《网页设计与制作》是现代汽车技术/计算机及应用专业的一门选修课程,是学习网页设计与制作的一门重要课程。

主要任务:向学生全面介绍与网页设计制作有关的知识,向学生阐明Web 基本工作机制,并使学生具有解决一般网页制作问题的能力。

与此同时,通过对Web页制作技术和制作工具的学习,使学生对于网页设计中所涉及的相关知识有一个全面的了解。

掌握通过HTML语言、FrontPage、Flash工具软件设计制作一个网站的方法与技巧。

基本要求:
1、了解Internet的过去、现在和将来及有关WWW、HTTP、HTML、CSS的定义,概念和作用;
2、了解图像的几种格式:GIF、JPEG、PNG和矢量图格式,它们各自的特点和差别;
3、理解服务器、客户端、浏览器的概念和作用;
4、深入理解HTML语言中的各种文本格式、字符格式、段落设置、列表、标记、表格、框架、表单的作用;
5、理解客户端脚本程序的工作方式;
6、熟练掌握使用绝对和相对URL,创建超链接,图象链接,图象映射的建立方法;
7、会使用FrontPage2000、DreamWeaver等网页制作工具制作网页;
二、课时分配
课程教学总学时数为42学时,具体分配见课时分配表。

课时分配表
三、本课程的教学内容
第一章 HTML概述
什么是HTML;什么是WEB;HTML的定义;基本的HTML语法;标记符的属性; WEB页的基本结构;HTML标记;首部标记;正文标记符;添加注释;显示特殊字符。

第二章页面背景与颜色控制
页面背景;背景颜色;背景图案;字符和链接的颜色。

第三章文本格式
字符格式;物理字符样式;逻辑字符样式;段落格式;分段与换行;段落对齐。

第四章列表格式
有序列表;OL标记符和LI标记符;有序列表的嵌套;无序列表;定义无序列表;混合嵌套列表;定义列表;创建定义列表;使用定义列表缩排文档第五章使用图象
WEB页图象格式;在网页中插入图象;IMG标记符及其基本属性;图象布局;使用GIF动画;创建GIF动画;注意事项;使用网页图象的要点。

第六章使用超链接
超链接基础;URL简介;绝对URL与相对URL;BASE标记符;创建超链接;.1 指向本地网页的链接;指向其他网页的链接;指向页面中特定部分的链接;指向电子邮件的链接;图象与超链接;链接到图象;图象链接;图象映射;客户端图象映射;服务器端图象映射。

第七章使用表格
创建表格;表格标记符TABLE;创建表格标题;表格的表头;表格的行与列;表格的修饰;边框和分隔线;表格的对齐;控制单元格空白;行组;列组;使用表格设计网页布局;设置表格或单元格的背景;嵌套表格。

第八章使用框架
框架的基本概念;框架与框架集;框架的嵌套;NOFRAMES标记;框架的初始化;框架的显示效果;设置框架的边框;设置框架边空;设置框架的滚动条;控制框架边框的移动;指定超链接的目标框架;使用页内框架。

第九章使用表单
表单概述;什么是控件;FORM标记符;创建输入型表单元素;文本框与口令框;复选框与单选框;文件选择框;提交按钮和重置按钮;多行文本与按钮;创建多行文本输入框;使用BUTTON 标记符创建按钮;创建选项菜单;SELECT 与OPTION标记符;OPTGROUP标记符;表单元素的标签与输入焦点;设置标签;获得输入焦点;表单的提交与处理。

第十章使用对象
多媒体对象;链接多媒体对象;嵌入多媒体对象;JAVA小应用程序(Applet)和Active控件;Java小应用程序;Active X 控件;滚动字幕。

第十一章 CSS技术
CSS基础;CSS的概念;样式表中的属性单位;在网页中添加CSS;样式表项的组成;使用DIV和SPAN标记符;三种添加样式信息的方法;层叠样式表的优先规则;使用CSS设置网页格式;设置字体格式;设置颜色与背景;设置文本属性;设置边框属性;设置布局属性;设置列表格式;使用CSS进行定位。

第十二章网页设计工具——FrontPage2000
FrontPage2000的界面;FrontPage2000主窗口;FrontPage2000的视图;站点与网页的基本操作;创建、打开和保存网页;站点基本操作;网页文本的基本操作;设置网页的格式;使用DHTML效果和网页过渡效果;特殊网页元素的插入;插入图片;插入组件和高级选项;创建超链接;创建表格;使用表单;创建表单;设置表单控件属性。

中文文档编辑、列表、水平线、背景、图像处理、超链接设置等有关操作;设置表单控件属性;标签与热键;表单处理等。

第十三章网页设计工具 ---- Dreanweaver
Dreanweavermx的界面;Dreanweavermx主窗口;Dreanweavermx的视图;站点与网页的基本操作;创建、打开和保存网页;站点基本操作;网页文本的基本操作;设置网页的格式;使用DHTML效果和网页过渡效果;特殊网页元素的插入;插入图片;插入组件和高级选项;创建超链接;创建表格;使用表单;创建表单;设置表单控件属性;标签与热键;表单处理等。

四、课程实践环节教学安排
网页制作课程具有很强的实践性,所以在本课程的实践教学主要以掌握如下制作技能的实训教学为主,可以采用在计算机多媒体教室进行课堂教学,紧接着
在计算机机房按教师布置题目要求进行实训操作。

五、本课程教材及参考书目
1. 推荐教材
《Dreanweavermx实用培训教程》作者:朱萍、张超清华大学出版社出版日期:2003年8月,第一版
2. 参考书目
(1) 《网页设计4合一培训教程》作者:江春机械工业出版社出版日期:2000年7月,第一版
(2) 《WEB编程丛书-HTML编程指南》作者:武焰电子工业出版社,出版日期:1999年6月,第一版
(3) 《计算机网络与因特网》《Computer Networks and Internets Second Edition》作者:Douglas er 翻译:徐良贤等清华大学出版社出版日期:2000年8月,第二版
(4) 《Internet网页工厂》作者:张健Wittime工作室重庆出版社出版日期:2000年4月第一版
六、关于其他要说明的问题
1、在大纲中涉及的工具软件应以当前社会流行的版本和工具为准。

2、关于大纲中提到的Dreamweavermx和其它工具软件,可以参照《网页设计4合一培训教程》一书。

3、大纲中虽已经规定了讲授和实验课时的比例,而讲授教师可以根据学生的实际情况酌情调整讲授和实验课时的比例,但是最终目的是要完成大纲中的课程教学基本要求。

主编:王富荣。

相关主题