适用专业：计算机相关专业
一、大纲说明
（一）课程的性质和特点
本课程使用的设计工具是 Dreamweaver MX2004，它是一个十分专业化、完全可视化的网页设计工具，无论对于专业还是业余的Web设计师，它都是一个完美的设计工具。本课程还使用了Firework MX2004和Flash MX2004。在页面修饰、图形处理方面，Firework 可以与任何一套专业级图形处理软件相媲美。在页面交互性和可视化效果方面，Flash更是无人能及。它是一个专业的矢量编辑和动画创作专业软件，专门用于制作Web页中的电影动画和交互动画。 Dreamweaver 、Firework、Flash在网页及Web应用的设计上配合的天衣无缝；同时又由于它们出自同一个公司，它们之间存在着许多相似的地方，只要熟悉其中之一，其他两个也就触类旁通，很适合本校学生学习和使用。
本课程是一门专业实践课,通过本课程的学习, 要求学生能够理解网页制作的基本概念和基本原理，能够掌握网页制作的方法与技巧,能够利用设计工具完成网页制作和网站管理, 能够了解最新的网页制作技术的应用。
（二）课程设置的目的
“网页设计与制作”是为培养网站管理与开发的应用型人才所设置的专业课，它使学生能够了解和掌握网站与网页的建立过程和开发技巧。
二、教学内容及要求
（一）理论教学内容及要求
第一章 网站与网页设计基础
内容：定位网站主题和名称，网站的目录结构和链接结构，确定网站的整体风格和创意设计，网页设计“三剑客”，网页及网页中的元素，其他的设计元素，制作并发布第一个网页。
要求：理解网页和网站的基本概念，了解网站的目录结构和链接结构、网站的创意和布局等网页设计基本知识。了解网站制作的流程。
第二章 Dreamweaver MX 2004入门
内容：Dreamweaver MX 2004的新特性， Dreamweaver MX 2004工作界面，简单的页面操作， 网页元素的运用，网页链接，表格排版。
要求：掌握Dreamweaver创建、保存网页文件和其它文件的方法，掌握在页面中插入与编辑文本的方法，掌握在页面中插入与操作图像的方法，掌握创建各种链接的方法，掌握创建表格和利用表格进行页面布局和版面设计的方法。
第三章 在网页中创建表单和样式
内容：使用表单制作动态网页，使用CSS样式制作动态网页。
要求：了解CSS样式的基本知识，掌握CSS样式表的创建和使用，掌握创建和设置表单的方法。
第四章 Dreamweaver MX 2004动态网页设计
内容：使用动态图层，时间轴的应用。
要求：了解图层与时间轴的概念，掌握使用时间轴与图层制作各种网页动态效果的方法。
第五章 用Dreamweaver MX 2004管理网站
内容：新建站点，文件管理，测试本地站点。
要求：掌握新建站点、编辑站点、设置本地站点和远程站点信息的方法，掌握管理网站文件、测试本地站点等的方法。
第六章 Fireworks MX 2004入门
内容：Fireworks MX 2004工作界面，Fireworks MX 2004工具的应用，面板使用与管理，创建与导入文档，导出文件。
要求：了解Fireworks MX 2004工作界面,掌握工具栏和工具箱的使用，掌握面板的使用与管理，熟练掌握创建与导入文档和导出文件的方法。
第七章 绘制和编辑矢量图
内容：Fireworks的绘图原理，绘制路径对象，编辑路径对象。
要求：了解Fireworks的绘图原理，理解矢量图形的概念，熟练掌握绘制路径对象和编辑路径对象的方法和技巧。
第八章 编辑和处理位图
内容：位图图形及其编辑模式，创建位图图像，创建位图选区，编辑位图。
要求：了解图形的编辑模式，掌握创建位图图像和编辑位图图像的方法和技巧。
第九章 创建和编辑文本
内容：创建文本，导入文本，编辑文本，应用文字样式，路径文本，文本的变形与整形。
要求：掌握Firework中创建文本、编辑文本、创建路径文本、文本的变形和导入文本的方法和技巧。
第十章 Fireworks MX 2004综合应用
内容：制作按钮，添加特殊效果，应用蒙胧版和热区，制作动画，导入Fireworks MX 2004图像切割对象到Dreamweaver MX 2004，将Fireworks MX 2004设置为Dreamweaver MX 2004默认编辑器。
要求：掌握Firework中图像的处理及优化，掌握Firework中制作按钮、应用蒙版和热区及制作简单动画等的操作。
第十一章 Flash MX 2004动画制作基础
内容：Flash MX 2004简介，绘图工具箱，编辑文本，时间轴的操作，元件。
要求：了解Flash MX 2004绘图环境，熟练掌握绘图工具箱中各种工具的使用，掌握Flash中的图形编辑与文本处理的方法，掌握时间轴的操作方法，掌握Flash中元件的创建和使用。
第十二章 制作精彩Flash动画
内容：制作动作渐变动画，引导层和遮罩效果的应用，制作形状渐变动画。
要求：熟悉Flash动画的制作流程和操作方法，掌握Flash中的引导层和遮罩效果的运用方法,掌握Flash中的形状渐变动画制作。
第十三章 Flash MX 2004动画的交互功能
内容：语言编程的基础，动作的基本语言，按钮控制影片实例，影片片段活用实例。
要求：了解Flash MX 2004编程语言的基础知识，掌握动作的基本语言和设置。
第十四章 Flash动画制作综合实例
内容：星光闪烁的特效实例，控制动画鱼影片的实例，制作金属小球跟踪鼠标，编程语言控制鼠标跟随实例，新型菜单实例。
要求：熟悉Flash 动作语句制作动画特效的操作方法，加深Flash动画制作方法。
（二）实验教学内容及要求
1、建立一个简单的网站
内容：建立一个本地站点，向站点中添加相关空网页，设置页面的标题、背景颜色，建立超链接，保存和预览网页、测试网站。
要求：能够正确定义本地站点，掌握网页“页面属性”的设置，学会新建一个网页的方法，掌握超链接的设置，学会预览网页的方法。
2、进一步学习网站的建立
内容：建立一个本地站点，创建首页并设置页面背景图像，在网页中插入层及在层中插入图像，建立超链接、保存和预览网页，测试网站。
要求：掌握定义本地站点的“高级”方法、进一步掌握网页“页面属性”的设置、学会新建网页的多种方法、进一步掌握超链接的设置。
3、简单的页面操作
内容：建立一个本地站点，建立并导入一个Word文档，分别用三种方法编辑简单的HTML源代码，预览网页。
要求：掌握网页的新建、打开、保存等操作方法，了解操作HTML源文件的三种方法，学会导入Word文件。
4、网页元素的运用
内容：建立一个本地站点，建立一张网页，在网页中添加样张中的网页元素，预览网页。
要求：掌握网页文本的插入和编辑方法，掌握水平线、特殊字符和时间的插入方法，掌握图像的插入及属性的设置。
5、在网页中创建链接
内容：建立一个本地站点，将给定素材和网页文件复制到新建文件夹中，打开给定的网页并在其中创建链接，保存网页，建立被链接的其他网页，预览网页。
要求：掌握图像热点链接的创建方法，掌握锚点链接的创建方法，掌握邮件链接的创建方法，掌握无址链接的创建方法。
6、在网页中应用表格
内容：建立一个本地站点，按样张利用表格建立首页，保存网页，预览网页。
要求：掌握用表格布局页面的方法，掌握表格的基本用法，掌握用表格对齐图像的方法。
7、表单的创建与设置
内容：建立一个本地站点，按样张创建表单，保存网页，预览网页。
要求：了解表单及表单元素的组成，掌握表单的创建方法，掌握各种表单元素的属性设置。
8、CSS样式应用（一）
内容：自定义样式的创建和应用，重定义特殊标签的外观样式，定义超级链接的外观样式。
要求：学会CSS样式面板的使用，能够定义三种类型的样式，能够正确应用样式。?
9、CSS样式应用（二）
内容：为准备应用滤镜的文字和图片建立层，定义四种CSS滤镜并应用于文字，定义三种CSS滤镜并应用于图片。
要求：进一步掌握样式面板的使用，能够定义各种类型的CSS滤镜，能够正确应用CSS滤镜。
10、使用动态图层
内容：为按钮添加显示层和隐藏层的行为，插入多个层并预设为隐藏状态，为层中插入图像，为图像中的热点添加行为。
要求：掌握利用层定位文档内容的方法，学会层的显示与隐藏的控制，学会修改行为的鼠示事件。
11、时间轴的应用
内容：利用时间轴设置直线运动效果，利用时间轴设置曲线运动效果，为层添加控制时间轴的行为。
要求：学会时间轴的使用方法，掌握编辑时间轴中动态效果的方法，掌握有关时间轴的行为设置。
12、文件管理
内容：建立有远程信息的网站，浏览网站地图，模拟上传和下载网站，学习FTP上传相关设置。
要求：学会设置站点的远程信息，掌握站点的上传/下载方法，能够正确管理网站文件。
13、测试本地站点
内容：检测站点的浏览器兼容性，检查可能存在的链接错误，修改链接错误。
要求：了解在发布站点前要做的必要检测，掌握浏览器兼容性的检测方法，学会检查链接错误并加以修改。
14、创建及导入导出文档
内容：Fireworks MX 2004工作界面，一张向日葵画框图片的制作，进一步编辑向日葵画框图片。
要求：熟悉Fireworks MX 2004的工作界面，掌握工具栏和工具箱的使用，掌握基本图片文件的导入、导出操作。
15、绘制和编辑矢量图（一）
内容：绘制一张心形图案
要求：了解Fireworks的绘图原理，熟练掌握绘制矢量图的基本方法及相关工具的使用，绘制和编辑路径对象。
16、绘制和编辑矢量图（二）
内容：绘制一张星空图案。
要求：掌握Fireworks的绘图原理，熟练掌握绘制矢量图的基本方法及相关工具的使用，绘制和编辑路径对象。
17、编辑和处理位图
内容：创建位图图像，编辑位图图像。
要求：了解位图图形及其编辑模式，创建位图选区，熟练掌握位图图像的创建和编辑方法。
18、创建和编辑文本
内容：创建、编辑文本，LOGO的制作。
要求：掌握创建文本、编辑文本的方法和技巧，掌握创建路径文本、文本的变形和导入文本的方法和技巧，掌握导入文本的方法和技巧。
19、按钮的制作
内容：按样图创建带特效的按钮元件、复制和应用按钮，按样图创建悬停按钮，预览按钮效果。
要求：掌握在Fireworks中制作按钮的方法，掌握元件的定义和使用方法，掌握悬停按钮的制作方法，掌握给按钮加入特效的方法。
20、蒙区和动画的制作
内容：调整画布的大小、颜色，导入图像并创建蒙版，按样制作动画。
要求：掌握画布的调整大小和颜色的调整方法，掌握在Fireworks中制作蒙版的创建方法，掌握在Fireworks中创建动画的方法。
21、图像的切割和导入
内容：切割图片并导出，在网页中导入切片图像，修改.gif文件的默认编辑器为Flash，在网页中直接调用Fireworks编辑器。
要求：掌握制作图像切片的方法，掌握切片文件的正确导出方法，掌握修改默认编辑器的方法，熟悉在网页中直接调用Fireworks编辑器的过程。
22、图形和文字编辑
内容：熟悉Flash MX 2004工作环境，使用绘图工具，使用文本工具。
要求：熟悉Flash MX 2004工作环境，掌握绘图工具的使用，掌握文本的基本编辑操作，能够运用绘画工具创作图形，能够运用文本工具制作特效文字。
23、创建动作渐变动画
内容：熟悉时间轴的使用特点，设计制作动作渐变动画，学习补间动画的属性设置。
要求：掌握时间轴的使用，能够设计和制作动作渐变动画，掌握补间动画的各属性含义及用法，能够正确运用层和帧设计动画。
24、创建元件
内容：图形、按钮、影片剪辑元件特点，元件与实例窗口切换，实例的属性设置。
要求：掌握元件的分类和特点，掌握元件和实例的窗口切换，掌握使用元件创作实例的技巧。
25、引导层的应用
内容：建立引导层，创建动画，绘制引导线，制作动画留影。
要求：掌握引导层的建立及属性设置，掌握动画对象如何吸附到引导线上，掌握动画留影的制作方法。
26、创建形状渐变动画
内容：对象的分离，形状渐变动画的制作，学会插入不同性质的帧。
要求：掌握对象分离成图形的方法，掌握形状动画的设计制作方法，加深对各种帧的含义理解。
27、被遮罩层移动实例
内容：遮罩层的属性设置，被遮罩层的动画设计，遮罩层和被遮罩层的锁定的作用。
要求：掌握遮罩层属性设置方法，掌握被遮罩层属性设置方法，利用被遮罩层移动实现动画。
28、遮罩层移动实例
内容：遮罩层的属性设置，遮罩层的动画设计，遮罩层和被遮罩层的锁定的作用。
要求：巩固遮罩层属性设置方法，进一步掌握利用遮罩层设计动画的技巧。
29、转动倒影实例
内容：图形元件的创建，影片剪辑元件的创建和应用，引导层和引导线的创建，多个被引导层的使用。
要求：能够通过层属性调整引导层和被引导层的关系，能够灵活运用元件设计动画。
30、动画的交互功能（一）
内容：待用元件的创建，给动画的帧添加动作代码，利用按钮控制动画的播放状态，利用鼠标控制影片剪辑的随机运动。
要求：学会动作面板的使用，了解动作代码的分类和组成，掌握部分时间轴函数和影片剪辑控制函数的使用。
31、动画的交互功能（二）
内容：各类待用元件的创建，正确选择动作对象，利用鼠标控制影片剪辑的播放。
要求：熟悉动作面板的使用，进一步熟悉各种元件的综合使用，正确选择动作对象。
32、动画综合实例（一）
内容：各类待用元件的创建，利用元件制作更为复杂的元件，制作较为复杂的影片剪辑。
要求：熟练掌握设计元件的方法，能够综合运用元件设计动画，熟练地对层和帧进行各种操作。
33、动画综合实例（二）
内容：各类待用元件的创建，利用元件制作更为复杂的元件，制作较为复杂的影片剪辑，编写动作代码。
要求：熟练掌握设计元件的方法，能够综合运用元件设计动画，能够给元件对象加必要的动作代码。
三、教学过程建议
（一）学时分配
本课程共72学时，具体学时分配如下表所示：
序 号 内容
讲授学时
实训学时
小计
一
网站与网页设计基础
2
2
4
二
Dreamweaver MX 2004入门
4
4
8
三
在页面创建表单和样式
3
3
6
四
Dreamweaver MX 2004动态网页设计
2
2
4
五
用Dreamweaver MX 2004管理网站
2
2
4
六
Fireworks MX 2004入门
1
1
2
七
绘制和编辑矢量图
3
3
6
八
编辑和处理位图
1
1
2
九
创建和编辑文本
1
1
2
十
Fireworks MX 2004综合应用
2
2
4
十一
Flash MX 2004动画制作基础
3
3
6
十二
制作精彩Flash动画
5
5
10
十三
Flash MX 2004动画的交互功能
2
2
4
十四
Flash动画综合实例
2
2
4
十五
网页综合设计
3
3
6
合 计
36
36
72
四、考核方式
本课程考核采用上机考核方法
五、教材与参考资料
《网页设计与制作教程》 傅连仲 等主著 清华大学出版社
《网页设计与制作实训》 姜巧玲 于筱荔 编著 校内出版
