中职院校《网页设计》课程教学大纲.doc

执笔： 课程分类

审核： 编写日期:

适应对象

专业基础课

印刷专业

总学时：108 理论 实践

48 60

、课程的性质和任务

以培养应用型人才为目标，充分考虑远程教育学生的学习基础和学习特点。 简单介绍HTML语言、CSS样式、javascript语言，全面介绍与网页设计制作有 关的知识，通过对Web页制作技术和制作工具的学习，使学生对于网页设计中所 涉及的相关知识有一个全面的了解。并使学生具有解决一般网页制作问题的能力。 掌握运用

Dreamweaver CS6网页制作软件制作网页的方法，掌握运用Fireworks CS6> photoshop cs6图像处理软件进行网页中图形制作版式设计及切片的应用。 掌握运用flash CS6动画制作软件设计网页中动画的方法，进而掌握将这四个软 件互相配合，

完成网页设计与制作任务的方法。为今后从事网页设计与制作工作 打下基础。

二、课程的基本内容

1. 网页设计与制作概述

掌握TCP/IP协议、IP地址、域名地址、统一资源定位器的概念和内涵。理 解位图与矢量图的概念，了解常用的图形、图像格式。了解网页的基本结构及页 面的布局原则和模式，理解网页的色彩应用及色彩属性与象征意义。掌握HTML 基础标记符的内涵，如文本格式标记、超链接标记符、图像标记符、表格标记符、 框架标记符、表单标记符、滚动条。了解CSS技术的内涵，能够识别基本属性， 如：字体属性、列表样式属性。

2. DreamweaverCS6网页设计基础

理解Dreamweaver的工作区菜单、面板、属性检查器的使用，掌握：如何创 建、管理本地站点及站点中文件及正文文本的添加和格式的设置、插入空格、特 殊字符，理解面属性的设置，了解环境设置的方法。重点掌握如何创建CSS规则、 链接样式表。

3. 图像与多媒体

掌握在网页中插入图像及设置图像属性，在网页中创建鼠标经过图像及设置 图像属性，理解图像占位符的含义，掌握如何在网页中插入flash动画及设置动 画属性。了解音频文件格式，掌握如何在网页中添加音频及网页中视频的应用及 属性的设置。重点理解绝对路径和相对路径的含义及超链接的内涵，掌握各种创 建文本超链接的方法。

4. 网页的布局

掌握插入表格的方法，包含表格、单元格、行或列的编辑及属性的设置方法， 掌握使用AP Div布局页面，理解APDiv转换与表格的互相转化方法，学会创建 框架集及设置框架集属性，掌握如何设置框架中显示的网页及框架的编辑。

5. 表单的应用

理解表单的概念，掌握如何添加表单对象，如：插入文本域、插入单选按钮 /单选按钮组、插入复选框/复选框组、插入选择框（列表/菜单）、插入文件域、 插入按钮。

6. 行为与脚本语言及模板和库的应用

理解行为、事件、动作，掌握：如何添加行为、事件。重点理解JavaScript 脚本概述、JavaScript脚本语言特效，学会JavaScript脚本在网页中的应用。 理解创建模板的意义，掌握如何创建和使用模板创建新网页及模板的编辑。

7. 站点的测试

了解站点的测试方法，如：检查浏览器兼容性、链接的检查与修正、不同分 辨率下的测试等，学会如何设置远程服务器、连接远程站点，掌握文件的上传、 下载，文件、文件的取出与存回的操作方法。

8. FireworksCS6基础及其在网页制作中的应用

了解FireworksCS6工作区、文档管理、布局工具、各种面板、常用工具， 掌握绘制与编辑基本形状、自动形状、自由变形形状、复合形状的基本操作方法， 理解创建与编辑位图图像的方法,学会创建与编辑文本的方法，应用和更改笔触、 填充、样式等。

9. FlashCS6基本操作及在网页制作中的应用

理解FlashCS6的工作界面、文档的创建、打开、保存及面板组的使用，掌 握图层、帧、播放头、场景的概念和含义，以及元件的创建方法、实例概念、库 面板以及元件与实例的关系。掌握：遮罩层动画、引导层动画、形状补间动画、 逐帧动画的创

建方法和内涵。

10. PhotoshopCS6基本操作及在网页设计中的应用

了解PhotoshopCS6的工作界面、文件操作、环境设置、基本概念，理解选 区的创建与编辑，掌握利用画笔类工具绘制图像、利用形状绘制工具绘制图像、 图像修饰工具的应用、调色命令的高级应用。

11. 网页制作工具集成及网页制作综合实训

理解Fireworks与Dreamweaver两者如何协同工作，了解：Dreamweaver中 处理Photoshop文件的工作流程，理解Flash与Dreamweaver两者如何协同工作。

三、 课程的基本要求

掌握网页制作三剑客Dreamweaver> Fireworks> flash及photoshop在网页 设计过程中的应用，使学生具备网站策划、网页设计与制作、效果图设计与制作 等方面的技能，提高学生分析解决问题能力和项目实施能力，注重学生在学习和 实践过程中职业素质的养成。通过学习，使学生熟练掌握运用Dreamweaver网页 制作软件制作网页，掌握运用Fireworks、Photoshop图形图像处理软件进行网 页中图形图像的设计与制作，掌握运用flash动画制作软件设计网页中动画的方 法。

四、 学时分配建议

序号

教学内容

1 2 3 4 5

序号

网页设计与制作概述

学时分配

理论 实践

合计

8 6 6 8 10

合计

8 4 2 4 2

0 2 4 4 8

DreamweaverCS6 网页设计

基础

图像与多媒体 网页的布局 表单的应用

教学内容

6 7

行为与脚本语言及模板和 库的应用 站点的测试

学时分配 理论 实践

6 2

10 8

16 10

8 9 10 11

FireworksCS6基础及其在

网页制作中的应用

FlashCS6基本操作及在网 页制作中的应用

PhotoshopCS6基本操作及 在网页设计中的应用

网页制作工具集成及网页 制作综合实训

合计

6 6 6 2 48

2 6 8 8 60

8 12 14 10 108

五、 成绩考核方式

该课程取消传统的期末考试，采用形成性考核方式。课程的形成性考核坚持 公平、公正、公开为原则，目的激发学生的学习兴趣。将学生考核分为平时考核、 实训项目成绩考核、综合项目测试三部分。三部分成绩都以百分制计算。

平时成绩R 30%：包括考勤5%、提问5%、平时作业20% 实训项目T 40%：包括自评、互评、教师评

综合项目测试M 30%：包括数据的基本操作，使用SELECT语句实现简单查 询、复杂查询，使用用户自定义函数、存储过程、触发器等实现编程设计，课时 允许时使用编程语言实现前台界面，完成后台数据库的查询、修改等操作。

六、 教材及主要教学参考书

教材：

张军凌，网页设计与制作教程，中国原子能出版社，第一版 参考资料：

[1] 网页三剑客类书籍

[2] 赵丰年，网页制作教程，人民邮电出版社，第三版