1、第 1 页 共 8 页网页设计与制作课程标准一、概述（一）课程性质（课程性质和价值） 本课程是五年制高职计算机网络技术专业的一门主干专业课程。通过本课程的学习，要求学生掌握网页设计的基本概念，学会使用常用的网页设计 工具和常用脚本语言，能 够设计制作常见的静态和动态网页，具 备网站的建立和维护能力。同时通过本课程的学习，培养学生的综合职业能力、创新精神和良好的 职业道德。（二）课程基本理念 本课程的设计“以能力为本位、以职业实践为主线、以 项目 课程为主体”，整个 网页设计与制作课程共分为五大模块，它 们分别是：网页基础知识 、DreamWeaver 的使用、HTML 语言、JavaScrip
2、t 脚本语言、ASP 动态网页设计。教学时各模块既有独立性，又有关联性。独立性是指各模块设计案例、组织 教学、突出重点 时应该相互独立，学生应该一个模块一个模块地掌握其知识点；关联性是指各模块间存在相互关系，在重难点设计上应该加以配合，如HTML 语言模块着重基本代码 的熟记和编写，对于较难编写代码的“框架”、 “层”、 “数据链接”等内容则放到 DreamWeaver 的使用模块中重点介绍。网页设计与制作课程与计算机基础、Flash 动画、PhotoShop 图像处理、计算机网络技术、数据库等课程互相联系、互相补充。本课程作为计算机网络技术专业的一门主干专业课程，一般在 3、4 年级开设，此
3、 时学生已经具备一定的计算机基础知识和动手能力，能较快地掌握网页设计的各种知识，并运用所学知 识做出具有特色的网站，使学生能够得到全面的培养，成为社会所需专用人才。（三）课程框架结构、学分和学时分配、 对学生选课的建议本课程的设计“以能力为本位、以职业实践为主线、以 项目 课程为主体”，打破了 传统的学科体系的模式，将网页设计职业岗 位能力中用到的知识 如：网页基础知识、 DreamWeaver的使用、HTML 语言、JavaScript 脚本语言、 Flash、Fireworks、ASP 动态网页设计进行整合并模块化。教学时各模块既有独立性，又有关联性。独立性是指各模块设计案例、组织教学、突
4、出重点时应该相互独立，学生 应该一个模块一个模块地掌握其知 识点；关联性是指各模块间存在相互补充关系，按理论实 践一体化要求设计， 强调动手做，强调解决问题。它体现了职业教育“以就业为导向，以能力 为本位”的职业教育理念。课程框架结构、学分和学时分配、对学生选课的建议课程名称 学时 学分 备注1网页设计基础 42DreamWeaver 的使用 243HTML 语言、CSS 样式 84 JavaScript 脚本语言 125 Fireworks 126动态网页设计初步 127综合作业 304计算机网络技术专业必修课4、5、6 模块为非计算机专业学生选修第 2 页 共 8 页合计 102二、课程目
5、标总目标：使学生掌握常用的网页设计工具，熟 练运用多种网 页设计技术，具 备 Web 网页设计、制作及站点管理的基本知 识和基本技能，学生能 够独立制作中小型的网站。（一）教学目标：1. 了解 WWW、HTTP、HTML、CSS 的定义、概念和作用；2. 理解服务器、客户端、浏览器的概念和作用；3. 理解 HTML 语言中的各种文本格式、字符格式、段落 设 置、列表、标记的作用；4. 熟练操作 DreamWeaver；5. 理解 CSS 样式表的作用和意义；6. 深入理解 HTML 语言的各种功能和 应用；7. 深入理解表格、框架、表单的作用；8. 深入理解层的作用；9. 理解 JavaScr
6、ipt 中对象的定义，及含义；10.理解 JavaScript 中事件的概念；11.理解 JavaScript 中属性与方法的概念；12.初步了解面向对象程序设计思想。（二）技能教学目标：1. 会使用 Dreamweaver 网页设计 工具制作网页；2. 理解 HTML 语言中的标记设 置颜色、文本格式和列表；3. 熟练掌握颜色值的配置和背景图案的设置方法，熟 练掌握字符、链接颜色的设置方法；4. 熟练掌握网页设计中字符格式的设置方法，段落分段与换行的方法；5. 掌握 HTML 的语法结构，掌握 HTML 语言中标记的使用方法；6. 掌握在网页中添加 CSS 的方法。掌握三种添加 样式信息的方
7、法，会使用 CSS 设置网页格式和列表的格式；7. 掌握在网页中嵌入图像的方法，掌握与嵌入 图像相关标记 的用法；8. 掌握与图像布局和位置相关的标记的概念和用法；9. 熟练掌握使用绝对和相对 URL，创建超链接、 图像链接；学会 图像映射的建立方法；10.熟练掌握表格的使用方法，会用表格布局并设计网页；11.掌握框架制作网页的方法，会使用框架 设计网页；12.掌握制作表单的方法，会利用表 单建立交互式页面；13.掌握 JavaScript 语言的语法；14.掌握在 HTML 语言代码中嵌入 JavaScript 代码的方法，能看懂 JavaScript 特效网页源代码；15.学会修改 Jav
8、aScript 代码，实现不同的特效网页效果；16.学会使用 JavaScript 语言实现网页特效。（三）素质教学目标：第 3 页 共 8 页1. 具有勤奋学习的态度，严谨 求实、 创新的工作作风；2. 具有良好的心理素质和职业道德素质；3. 具有高度责任心和良好的团队合作精神；4. 具有一定的科学思维方式和判断分析问题的能力；5. 具有较强的网页设计创意思维、艺术设计素质。三、内容标准 模块一、网页设计基础（4 学时 ）内容体系：网页设计的基本概念， Dreamweaver 简介。知识点：网页设计的基本理念，网 页元素，网 页设计常用工具，网站风格，网页色彩搭配，Dreamweaver 工
9、作界面，建立 和管理站点。技能点：（1）Dreamweaver 的基本操作： Dreamweaver 的启动 和退出，创建网页或网站，打开网页或站点，网页的保存和 浏览， 查看网页文件的 HTML 代码；（2） 使用 Dreamweaver 建立和管理网站。（3）IIS 的简单 配置。重 点：网页的基本组成元素，使用 Dreamweaver 建立和管理网站。难 点：网页设计的基本理念，网站 风格，网 页色彩搭配。模块二、Dreamweaver 的使用（24 学时）内容体系：中文版 Dreamweaver 的基础知识， Dreamweaver 的基本操作，制作与修饰网页，网页特殊效果设计，发布和
10、管理网站。知识点：Dreamweaver 的基本功能，Dreamweaver 的界面组成，网页的基本元素，HTML语言，HTML 文件，网站，Web 页/网页，图像和多媒体，超级链接，表单，行 为，网页布局，网站的发布。技能点：（1）制作与修饰网页：字体操作，段落操作，列表操作，背景操作，插入水平线，图像操作（插入图像、设置图像属性、保存包含图像的网页 ），超级链接（文本超链接的建立和设置、图像超链接、热点区域、 书签），表格（表格的基本组成、建立和编辑表格、表格的属性设置），图像和多媒体的使用，使用框架 结构（创建框架网页 、更改框架链接的网页、框架属性设置），导航的使用，模板和向导的使用，
11、样式表的应用；（2）表单（创建表单、插入表单元素、表单属性）；（3）网页特殊效果 设计：网页动态元素，网 页动 画效果，各种行为的运用，网页主题；（4）发布和管理网站：网站的发布，管理网站。重 点：网页的基本组成元素，网 页的制作与修饰，超 级链 接的使用。难 点：网页中表格的使用，网 页布局与框架网页的使用，行为的概念和各种行为的运用。第 4 页 共 8 页模块三、HTML 语言、CSS 样式（8 学时）内容体系：WWW、HTTP、HTML、CSS 的定义、概念和作用；Dreamweaver 中 CSS 的定义和使用。知识点：WWW、HTTP、HTML、CSS 的定义、概念和作用；HTML
12、语言中的各种文本格式、字符格式、段落设置、列表、表格标记的作用； CSS 样 式表；链接和创建样式表；CSS 样式的属性设置；样式表的运用举例。技能点：（1）在 Dreamweaver 中 查看网页文件的 HTML 代码；（2）在设计视图中修改 HTML 代码；（3）学会使用标签选择器；（4）使用 CSS 样式表重 点：理解 HTML 语言中的各种文本格式、字符格式、段落 设置、列表、标记的作用； CSS 样 式表的使用。难 点：创建样式和使用 CSS 样式表。模块四、JavaScript 脚本语言（12 学时）内容体系：JavaScript 脚本语言的基本语法；面向对象程序设计思想。知识点：
13、JavaScript 语言的语法；JavaScript 中对象的定义，及含义；JavaScript 中事件的概念；JavaScript 中属性与方法的概念；面向对象程序设计思想；在 HTML 语言代码中嵌入 JavaScript 代 码的方法，能看懂 JavaScript 特效网页源代码， 实现 不同的特效网页效果。技能点：（1）初步了解面向对象程序设计思想；（2）掌握 JavaScript 语言的语法；（3）掌握在 HTML 语言代码中嵌入 JavaScript 代码的方法，能看懂 JavaScript 特效网页源代码；（4）学会使用 JavaScript 语言网页特效工具，实现不同的特效网
14、页效果。重 点：面向对象程序设计思想；JavaScript 语言的语法；学会使用 JavaScript 语言网页特效工具，实现不同的特效网 页效果。难 点：看懂 JavaScript 特效网页源代码，学会修改 JavaScript 代码。模块五、Fireworks（12 学时）内容体系：掌握 Fireworks 的基本操作 ;网页设计中所需素材的制作和处理。知识点：工作界面和文件的创建; 工具的使用和矢量图的编辑; 位图图像的编辑; 元件和实例的概念; 切片工具的使用 ; 创建热点和图像映射; 制作按钮; 制作弹出菜单; 制作蒙板; 创作动画。第 5 页 共 8 页技能点：（1）能够使用 Fi
15、reworks 处理矢量图和位图；（2）掌握切片工具的使用（ 3）能够使用 Fireworks 创 建热点和图像映射；（ 4）能够使用 Fireworks 制作按钮、制作 弹出菜单、创作简单动画。重 点：位图的处理和图像的输出；热点、切片、按钮、蒙板。难 点：位图 的处理;弹出菜 单的制作。模块六、动态网页设计初步 （12 学时）内容体系：动态网页的含义；制作一个动态网页留言板。知识点：理解动态网页的含义；安装、配置因特网信息服 务 器 (IIS); 数据库网页基础; 创建数据库的连接; 综合实例 创建动态网页留言板。技能点：（1）能够安装、配置因特网信息服 务器 (IIS)；（2）能够使用
16、Dreamweaver 创建动态网页留言板网页。重 点：安装、配置因特网信息服 务器 (IIS);数据库网页基础; 创建数据库的连接。难 点：数据库的连接方式创建数据库的连接。四、实施建议（一）教材编写建议：由于网页设计与制作这一岗位需要的知识面很光，除了本课程共所包含的五大模块外，还于 Flash 动画、PhotoShop 图 像处理、 计算机网络技术、数据库等课程互相联系、互相补充，因此仅靠一本教科书是无法达到教学目标的，需要多本教材的支撑，有条件、有师资的学校建议自己编写一本综合教材。（二）教学建议：从网页设计与制作的实际问题出发，精心准 备各种典型案例，构建课程的宏观教学设计。例如，公
17、司网站、网上鲜花直销、个人网站精 选、 书籍专卖 等。以若干个案例为载体，形成循序渐进、种类多样的项目群，构建完整的教学设计布局。1、教学采用“四阶段教学法” ，将 “教、学、 练、做 ”融为一体。教学体现“教师为主导，学生 为主体， 训练为主线”的原则 ，课堂上可以采用“四阶段教学法”： 第 1 个阶段，案例引入，提出问题。通过案例演示，提出问题，给出知识点，讲解案例应用背景，给学生一个切入点，建立感性认识。目的是激发学生的学 习兴趣、 让学生感到学有所用，从而明确本次课的教学目标。 第 6 页 共 8 页第 2 个阶段，学生自主学习，尝试解决问题。充分利用我校以及互联网网络教学资源，引 导
18、学生自主学 习，找到解决 问题的方法和操作技能，培养学生的自主学习 意识和学习方法。学生在学 习 和尝试解决问题过程中，发现问题，提出问题，在问题的引导下学习相关的知识和操作技能。 第 3 个阶段，归纳总结，引申提高。在每次课结束前，引导学生进 行归纳总结。 对本次课的实际 意义、重点、 难点、容易出 错处等及时进行总结。并针对案例的不足之 处， 进行引申和提高。注意在这个阶段，强调的是“引导”学生，而不是老师讲 解。 第 4 个阶段，举一反三、学以致用。案例源于生活，最终要应用于生活。为了使学生能学以致用、举一反三、触类旁通，每次教学结束时及时布置相关的课后练习，使学生在 课后进一步复 习巩
19、固，并且将 课后作业纳入形成性考核的内容之一。同时给 出下一次课的学习内容，提示学生预习。2、充分利用现代化教学手段，提高教学效果教学中采用电子演示文稿、大屏幕多媒体 联机演示、网 络教学等各种先 进的教学手段，使课堂教学生动活泼、引人入 胜，提高了教学效果，同时提高了教学效率。包括： （1）利用多媒体教学系统广播教学。把学生的共同 问题（需要提示的重点）通 过 “广播教学”，边讲边演示，使学生即时看到操作效果。 （2）利用网络将课堂教学延伸到课外，学生根据需要通 过网 络学习有关的内容。教 师的课件和教学用资料都已都上传到教学资源下载中心，方便学生课外学习和复习。 （三）评价建议：对学生学业
20、评价提出建议，体现评价的发展功能。本课程的考核成绩有理论基础成绩与技能成绩两项组成，都是采用上机考试。平 时上机实验技能应有严格的记录，根据各种 实验的要求来计算成 绩。最终课程成绩由“平时成绩（占 20%），实验实训考核（占 40%），期中、期末考 试成绩（占40%）”三个部分组成。建议以学生自己制作的网站的实际水平作为学生的学习本课程的成绩。五、其他说明1、本课程标准适用高职高专计算机及相关专业。第 7 页 共 8 页2、教学参考书目为帮助学生主动学习，扩展知 识面，推荐了以下教材供学生自主学习和使用：书目 作者 出版社网页制作三剑客精彩实例详解 赵艳铎 上海科学普及出版社网页制作三剑客经
21、典实例 崔亚量 电子科技大学出版社网页设计与制作 申红雪 北京理工大学出版社ASP 技术与动态网页设计 陈孟建 清华大学出版社信息高速公路与大众传播 明安香 华夏出版社DreamweaverMX2004 标准教程 鲍嘉 卢坚 海洋出版社DreamweaverMX2004 实验手册 高林 科学出版社现代平面广告设计-CIS 企 业战略 伍门 西安交通大学出版社巧学巧用Dreamweaver、Fireworks、Flash 制作网页 施书恩，李冬梅 人民邮电出版社Dreamweaver 实例教程 王艳芳 电子工业出版社网页制作技术 赵丰年 人民邮电出版社 中文 Dreamweaver MX 应用培
22、训教程 李浩 冶金工业出版社ASP.Net 动态网页编程指南 廖若雪 机械工业出版社 DreamweaverMX2004 标准教程 高林 科学出版社JavaScript 网页开发 张孝祥 清华大学出版社 Dreamweaver MX 秦愈 电子工业出版社 网页制作三剑客 王璞 清华大学出版社 3、 网络资源FIF 网络 学院 http:/ http:/ http:/ http:/遐思素材屋 http:/www.zzi.cc/sck/sck1.htm网页特效集 http:/ http:/ http:/七色风网页特效 http:/ http:/ http:/第 8 页 共 8 页天极网-网页陶吧 http:/网页设计师联盟 http:/七色鸟设计空间 http:/有风的日子 http:/闪客帝国 http:/宇风多媒体 http:/闪吧 http:/网页素材库 http:/ 年 11 月 16 日星期五计算机网络技术专业教研组执笔：唐辉
