《网页设计与制作》教学大纲一、课程说明1、课程代码： 0400302、总学时数：68 ，其中理论环节学时数：44 ，实验实践环节学时数：243、学分： 44、适用专业：计算机应用技术、计算机网络技术、信息安全技术5、本课程的性质、地位和作用本课程是计算机相关专业的专业课程，同时也是网络营销、网络建设与维护等课程的基础，是一门实用性极强，面向网络建设，使用与维护的技术性课程。
与其它课程的关系本课程的先行课程为“计算机基础”，鉴于网页制作与设计的内容，建议与网络技术、ASP程序设计、网站架设与维护课程中相同内容适当协调。
二、教学基本要求1、本课程的目的、任务本课程以当前流行的网页制作工具为例，使学生掌握HTML语言及常用技巧。
鉴于网页设计是一个综合的艺术，除了基本页设代码外，还有图像、声音等综合运用，本课程除介绍流行软件DREAMWEAVER外，还将对FIREWORK、FLASH作详细讲述，使学生掌握网页制作方法。
2、本课程的教学要求（1）知识要求•掌握网页制作原则、方法及常用技术•熟悉一种主流软件，如DREAMWEAVER•了解一定图像制作及动画软件使用，如FLASH、FIREWORK（2）素质要求•敬业精神：树立敬业精神，网页设计与制作必须全身心投入。
•团队精神：大型网络建设及多人制作中，必须合理协调工作风格及分工•较强的自我知识及技术更新能力，快速跟踪网页制作技术新发展。
（3）能力与技能要求•HTML语言的运用与理解•三剑客的使用•设计一个静态网站主要教学方法与手段采用面授和自学相结合；课堂讲授与实习相结合；多媒体教学与传统教学相结合。
三、学时分配2．3 网页的版面布局2．4 网页制作的基本流程第三章超文本标识语言教学目的要求１、掌握：HTML中常见的标签命令。
２、理解：HTML文件的基本结构。
３、了解：HTML中的基本概念和术语。
教学重点：HTML中常见的标签命令。
教学内容3．1 HTML的基本结构3．2 常用的HTML标签命令3．3 综合制作实例第四章网页图像制作——Fireworks教学目的要求１、掌握：矢量图形的绘制方法，图层的使用方法。
２、理解：图形图像的基础知识。
３、了解：Fireworks MX2004的功能、特点及工作界面。
教学重点：矢量图形的绘制方法，图层的使用方法。
教学内容4．1 Fireworks MX 2004简介4．2 矢量图形的绘制4．3 矢量对象的高级处理4．4 文本的应用第五章网页图像处理《网页制作技术》教学大纲教学目的要求１、掌握：Fireworks中处理位图的方法，创建动画的方法，切片、热点的创建方法，及按钮和导航栏的制作方法。
２、理解：图层的使用方法。
３、了解：网页图像处理的基本概念，优化图像的方法。
教学重点：Fireworks中处理位图的方法，创建动画的方法，切片、热点的创建方法，及按钮和导航栏的制作方法。
教学内容5．1 位图图像处理5．2 动画的制作5．3 图像的切割5．4 按钮、导航栏和弹出菜单的制作5．5 图像的优化导出5．6 综合制作实例第六章网页动画制作——Flash教学目的要求１、掌握：使用绘图工具栏来创建图形、文本对象，元件和实例创建及编辑方法。
２、理解：帧帧动画、运动补间动画、形状补间动画的创建方法。
３、了解：Flash 的功能和特点，基本术语。
教学重点：帧帧动画、运动补间动画、形状补间动画的创建方法。
教学内容6．1 Flash MX 2004的简介6．2 Flash MX 2004的基本操作6．3 元件与实例6．4 基本动画制作6．5 综合制作实例第5 页共11 页第七章高级动画制作教学目的要求１、掌握：创建引导层动画的方法，遮罩动画的方法。
２、理解：制作文字特效，声音的添加方法。
３、了解：导出和发布动画的方法。
教学重点：创建引导层动画的方法，遮罩动画的方法。
教学内容7．1 创建引导层动画7．2 创建遮罩层动画7．3 文字特效制作7．4 为动画添加声音7．5 发布与导出动画7．6 综合制作实例第八章网页制作工具——Dreamweaver教学目的要求１、掌握：Dreamweaver MX2004创建和编辑站点的方法，插入网页元素及创建和编辑网站链接的操作方法。
２、理解：Dreamweaver MX2004的工具面板及属性面板的使用。
３、了解：Dreamweaver MX2004的功能和特点，站点发布的基本方法。
教学重点：Dreamweaver MX2004创建和编辑站点的方法，插入网页元素及创建和编辑网站链接的操作方法。
教学内容8．1 Dream weave MX 2004简介8．2 Dream weave MX 2004的基本操作8．3 网站的外国链接与导航《网页制作技术》教学大纲8．4 站点的整理与上传8．5 综合制作实例第九章表格排版制作网页教学目的要求１、掌握：表格插入、添加内容、设置属性的方法，嵌套表格的插入方法。
２、理解：布局视图的使用方法，利用表格进行排版布局。
３、了解：表格各部分名称的含义。
教学重点：表格插入、添加内容、设置属性的方法，嵌套表格的插入方法。
教学内容9．1 表格的基本操作9．2 表格的其他视图9．3 综合制作实例第十章嵌入表单元素教学目的要求１、掌握：创建表单的方法，插入各表单对象的方法，对表单排版的整理方法。
２、理解：用表格来控制表单的显示和整体提交。
３、了解：表单的功能和含义。
教学重点：创建表单的方法，插入各表单对象的方法，对表单排版的整理方法。
教学内容10.1 创建表单10.2 创建文本域10.3 创建选框与列表10.4 创建文件上传域10.5 创建按钮10.6 创建跳转菜单第7 页共11 页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.3 CSS样式化网页14.4 综合制作实例第9 页共11 页第十五章应用行为和JavaScript制作特效教学目的要求１、掌握：行为的应用方法，浮动层的制作方法。
２、理解：行为面板的使用。
３、了解：行为和事件的概念，JavaScript的特点。
教学重点：行为的应用方法，浮动层的制作方法。
教学内容15.1 在Dream Weaver中添加行为15.2 制作JavaScript特效15.3 综合制作实例第十六章动态网页制作教学目的要求１、掌握：ASP编程的基础知识。
２、理解：ASP的基本概念。
３、了解：ASP访问数据库的对象ADO。
教学重点：ASP编程的基础知识。
教学内容16.1 ASP简介16.2 ASP编程基础（二）实验大纲内容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月第11 页共11 页。