网页设计与制作教学大纲.docx
《网页设计与制作教学大纲.docx》由会员分享，可在线阅读，更多相关《网页设计与制作教学大纲.docx（11页珍藏版）》请在冰豆网上搜索。
网页设计与制作教学大纲
《网页设计与制作》教学大纲
一、课程说明
1、课程代码：
040030
2、总学时数：
68，其中理论环节学时数：
44，实验实践环节学时数：
24
3、学分：
4
4、适用专业：
计算机应用技术、计算机网络技术、信息安全技术
5、本课程的性质、地位和作用
本课程是计算机相关专业的专业课程，同时也是网络营销、网络建设与维护等课程的基础，是一门实用性极强，面向网络建设，使用与维护的技术性课程。
与其它课程的关系本课程的先行课程为“计算机基础”，鉴于网页制作与设计的内容，建议与网络技术、ASP程序设计、网站架设与维护课程中相同内容适当协调。
二、教学基本要求
1、本课程的目的、任务
本课程以当前流行的网页制作工具为例，使学生掌握HTML语言及常用技巧。
鉴于网页设计是一个综合的艺术，除了基本页设代码外，还有图像、声音等综合运用，本课程除介绍流行软件DREAMWEAVER外，还将对FIREWORK、FLASH作详细讲述，使学生掌握网页制作方法。
2、本课程的教学要求
（1）知识要求
•掌握网页制作原则、方法及常用技术
•熟悉一种主流软件，如DREAMWEAVER
•了解一定图像制作及动画软件使用，如FLASH、FIREWORK
（2）素质要求
•敬业精神：
树立敬业精神，网页设计与制作必须全身心投入。
•团队精神：
大型网络建设及多人制作中，必须合理协调工作风格及分工
•较强的自我知识及技术更新能力，快速跟踪网页制作技术新发展。
（3）能力与技能要求
•HTML语言的运用与理解
•三剑客的使用
•设计一个静态网站
主要教学方法与手段采用面授和自学相结合；课堂讲授与实习相结合；多媒体教学与传统教学相结合。
三、学时分配
章节
（序号）
内容
学时数
理论
实践
总学时
第一章
Internet基础
2
2
第二章
网页设计基础
2
2
第三章
超文本标识语言
4
2
6
第四章
网页图像制作——Fireworks
2
2
第五章
网页图像处理
2
2
4
第六章
网页动画制作——Flash
4
2
6
第七章
高级动画制作
2
2
4
第八章
网页制作工具——Dreamweaver
2
2
4
第九章
表格排版制作网页
2
2
4
第十章
嵌入表单元素
4
2
6
第十一章
网页的框架结构
4
2
6
第十一章
利用图层制作网页
2
2
4
第十三章
利用模板制作网页
4
2
6
第十四章
应用CSS样式表
2
2
4
第十五章
应用行为和JavaScript制作特效
4
2
6
第十六章
动态网页制作
2
2
合计
44
24
68
四、大纲具体内容
（一）教学大纲内容
第一章Internet基础
教学目的要求
１、掌握：
Internet的接入方法，IP地址、域名。
２、理解：
Intranet的基本概念，TCP/IP分层模型、IP协议基本内容。
３、了解：
Internet的产生、发展、现状、构成和功能。
教学重点：
Internet的接入方法，IP地址。
教学内容
1．1Internet概述
1．2Internet在中国
1．3接入Internet
1．4Internet的主要服务
1．5万维网WWW
1．6Intranet简介
第二章网页设计基础
教学目的要求
１、掌握：
网页构成的基本元素，网页设计的有关知识和术语。
２、理解：
网页制作的基本原则和布局思想。
３、了解：
网站开发的基本流程和制作步骤。
教学重点：
网页构成的基本元素，网页设计的有关知识和术语。
教学内容
2．1网页设计基础知识
2．2见面设计思想
2．3网页的版面布局
2．4网页制作的基本流程
第三章超文本标识语言
教学目的要求
１、掌握：
HTML中常见的标签命令。
２、理解：
HTML文件的基本结构。
３、了解：
HTML中的基本概念和术语。
教学重点：
HTML中常见的标签命令。
教学内容
3．1HTML的基本结构
3．2常用的HTML标签命令
3．3综合制作实例
第四章网页图像制作——Fireworks
教学目的要求
１、掌握：
矢量图形的绘制方法，图层的使用方法。
２、理解：
图形图像的基础知识。
３、了解：
FireworksMX2004的功能、特点及工作界面。
教学重点：
矢量图形的绘制方法，图层的使用方法。
教学内容
4．1FireworksMX2004简介
4．2矢量图形的绘制
4．3矢量对象的高级处理
4．4文本的应用
第五章网页图像处理
教学目的要求
１、掌握：
Fireworks中处理位图的方法，创建动画的方法，切片、热点的创建方法，及按钮和导航栏的制作方法。
２、理解：
图层的使用方法。
３、了解：
网页图像处理的基本概念，优化图像的方法。
教学重点：
Fireworks中处理位图的方法，创建动画的方法，切片、热点的创建方法，及按钮和导航栏的制作方法。
教学内容
5．1位图图像处理
5．2动画的制作
5．3图像的切割
5．4按钮、导航栏和弹出菜单的制作
5．5图像的优化导出
5．6综合制作实例
第六章网页动画制作——Flash
教学目的要求
１、掌握：
使用绘图工具栏来创建图形、文本对象，元件和实例创建及编辑方法。
２、理解：
帧帧动画、运动补间动画、形状补间动画的创建方法。
３、了解：
Flash的功能和特点，基本术语。
教学重点：
帧帧动画、运动补间动画、形状补间动画的创建方法。
教学内容
6．1FlashMX2004的简介
6．2FlashMX2004的基本操作
6．3元件与实例
6．4基本动画制作
6．5综合制作实例
第七章高级动画制作
教学目的要求
１、掌握：
创建引导层动画的方法，遮罩动画的方法。
２、理解：
制作文字特效，声音的添加方法。
３、了解：
导出和发布动画的方法。
教学重点：
创建引导层动画的方法，遮罩动画的方法。
教学内容
7．1创建引导层动画
7．2创建遮罩层动画
7．3文字特效制作
7．4为动画添加声音
7．5发布与导出动画
7．6综合制作实例
第八章网页制作工具——Dreamweaver
教学目的要求
１、掌握：
DreamweaverMX2004创建和编辑站点的方法，插入网页元素及创建和编辑网站链接的操作方法。
２、理解：
DreamweaverMX2004的工具面板及属性面板的使用。
３、了解：
DreamweaverMX2004的功能和特点，站点发布的基本方法。
教学重点：
DreamweaverMX2004创建和编辑站点的方法，插入网页元素及创建和编辑网站链接的操作方法。
教学内容
8．1DreamweaveMX2004简介
8．2DreamweaveMX2004的基本操作
8．3网站的外国链接与导航
8．4站点的整理与上传
8．5综合制作实例
第九章表格排版制作网页
教学目的要求
１、掌握：
表格插入、添加内容、设置属性的方法，嵌套表格的插入方法。
２、理解：
布局视图的使用方法，利用表格进行排版布局。
３、了解：
表格各部分名称的含义。
教学重点：
表格插入、添加内容、设置属性的方法，嵌套表格的插入方法。
教学内容
9．1表格的基本操作
9．2表格的其他视图
9．3综合制作实例
第十章嵌入表单元素
教学目的要求
１、掌握：
创建表单的方法，插入各表单对象的方法，对表单排版的整理方法。
２、理解：
用表格来控制表单的显示和整体提交。
３、了解：
表单的功能和含义。
教学重点：
创建表单的方法，插入各表单对象的方法，对表单排版的整理方法。
教学内容
10.1创建表单
10.2创建文本域
10.3创建选框与列表
10.4创建文件上传域
10.5创建按钮
10.6创建跳转菜单
10.7综合制作实例
第十一章网页的框架结构
教学目的要求
１、掌握：
框架的创建方法，如何利用框架制作网页。
２、理解：
框架面板的使用方法，框架及框架集的概念。
３、了解：
框架集的属性设置，框架集的各种操作。
教学重点：
框架的创建方法，如何利用框架制作网页。
教学内容
11.1创建框架
11.2框架的属性设置
11.3保存框架
11.4综合制作实例
第十二章利用图层制作网页
教学目的要求
１、掌握：
插入层、设置层属性的方法，改变层叠放顺序的方法，利用层进行排版布局。
２、理解：
层与表格相互转换的方法。
３、了解：
图层的含义和特点。
教学重点：
插入层、设置层属性的方法，改变层叠放顺序的方法，利用层进行排版布局。
教学内容
12.1层的特点
12.2层的基本操作
12.3层与表格的转换
12.4综合制作实例
第十三章利用模板制作网页
教学目的要求
１、掌握：
创建、编辑模板的方法，以及如何利用模板制作网页。
２、理解：
模板自动更新的方法。
３、了解：
模板的功能特点和基本术语。
教学重点：
创建、编辑模板的方法，以及如何利用模板制作网页。
教学内容
13.1创建模板
13.2模板的编辑
13.3模板的应用
13.4综合制作实例
第十四章应用CSS样式表
教学目的要求
１、掌握：
CSS样式的创建方法，CSS样式中各类样式的定义方法，管理CSS样式及CSS样式的应用。
２、理解：
CSS各咱滤镜的效果及应用。
３、了解：
CSS样式的特点。
教学重点：
CSS样式的创建方法，CSS样式中各类样式的定义方法，管理CSS样式及CSS样式的应用。
教学内容
14.1关于CSS样式表
14.2样式的创建与应用
14.3CSS样式化网页
14.4综合制作实例
第十五章应用行为和JavaScript制作特效
教学目的要求
１、掌握：
行为的应用方法，浮动层的制作方法。
２、理解：
行为面板的使用。
３、了解：
行为和事件的概念，JavaScript的特点。
教学重点：
行为的应用方法，浮动层的制作方法。
教学内容
15.1在DreamWeaver中添加行为
15.2制作JavaScript特效
15.3综合制作实例
第十六章动态网页制作
教学目的要求
１、掌握：
ASP编程的基础知识。
２、理解：
ASP的基本概念。
３、了解：
ASP访问数据库的对象ADO。
教学重点：
ASP编程的基础知识。
教学内容
16.1ASP简介
16.2ASP编程基础
（二）实验大纲内容
1．教材56页，综合制作实例。
2．Fireworks综合制作实例——制作网站标志（教材76页）
3．Fireworks综合制作实例——制作简单页面（教材100页）
4．Flash综合制作实例——制作网页动画（教材129页）
5．Flash综合制作实例——制作广告动画（教材153页）
6．Dreamweaver综合制作实例——制作多媒体网页（教材183页）
7．Dreamweaver综合制作实例——制作网站首页（教材200页）
8．Dreamweaver综合制作实例——制作用户注册表（教材214页）
9．Dreamweaver综合制作实例——制作框架网站页面（教材229页）
10．Dreamweaver综合制作实例——利用图层制作网页（教材237页）
11．Dreamweaver综合制作实例——利用模板制作栏目页（教材246页）
12．Dreamweaver综合制作实例——制作浮动广告（教材279页）
五、考核方式和要求
本课程考核以上机操作为主
总成绩：
平时成绩（50分）：
课堂出勤5分
教学参与：
10分
平时作业：
10分
单元测试：
10分
半期成绩：
15分
期末上机考试（50分）
六、教材和参考书目
《网页制作技术》，许莉、李汉娇主编，中国水利水电出版社。
《网页设计与制作》，孙振业主编，高等教育出版社。
《网页设计与制作教程》，杨选辉主编，清华大学出版社。
《网页设计与制作》，丁爱萍主编，中国水利水电出版社。
编制人：
计算机教研室XXX
审核人：
XXXX
编制时间：
2008年3月
升级会员 