《网页设计与制作》课程标准

一、概述

（一）课程性质

本课程是三年制中职计算机网络技术专业的一门主干专业课程。通过本课程的学习，要求学生掌握网页设计的基本概念，了解常用脚本语言，能够利用常见网页制作软件设计制作出常见的静态网页，了解动态网页设计方法，初步掌握动态网页的设计。同时通过本课程的学习，提高学生的操作技能，培养学生踏实认真、精益求精、团结合作、创新的精神，培养良好的职业道德。

（二）课程基本理念

《网页设计与制作》课程共分为九个项目，它们分别是：网页基础知识、制作图文并茂的网页（文本、图像、超链接）、页面布局设计（表格、层、框架）、CSS样式设计、表单的应用、使用行为、模板和库、动态网页设计初步。各项目之间既独立又相互联系：作为项目是独立的，但作为项目当中应用到的知识点，各项目之间又是有关联的。在不同的项目之间有些知识点的应用是不断重复的，以强化学生对知识点的理解，也让学生能够接触到大量的不同类型网页的制作。当然，每个项目的侧重点是不同的，教学中应当注意处理好各项目之间的关系，注意重、难点的把握。

《网页设计与制作》课程可以在《计算机基础》、《PhotoShop图像处理》、《计算机网络技术》、《数据库等课程》之后开设。本课程作为电子商务专业的一门主干专业课程，一般在第四学期开设，此时学生已经具备一定的计算机基础知识和操作能力，能较快地掌握网页设计的各种知识，并运用所学知识做出具有特色的网站。

（三）课程设计思路

本课程的设计体现“以能力为本位、以职业实践为主线、以项目课程为主体”，打破了传统的学科体系的模式，将网页设计职业岗位能力中用到的知识点融合在项目中。学生通过各项目的系列练习操作，熟练地掌握岗位所需知识和技能，并不断强化，项目体现操作能力和解决问题能力的培养。它体现了职业教育“以就业为导向，以能力为本位”的职业教育理念。

课程框架结构、学分和学时分配、对学生选课的建议

二、课程目标

总目标：使学生掌握常用的网页设计工具，熟练运用多种网页设计技术，具备Web网页设计、制作及站点管理的基本知识和基本技能，学生能够独立制作中小型的网站。

（一）教学目标：

1. 了解WWW、HTTP、HTML、CSS的定义、概念和作用；

2. 理解服务器、客户端、浏览器的概念和作用；

3. 理解HTML语言中的常见标记及其作用；

4. 熟练掌握DreamWeaver的基本操作方法；

5. 理解表格、框架、层的作用，掌握设置其属性的方法；

6. 理解CSS样式表的作用和意义，掌握定义CSS样式的方法；

7. 理解表单的作用，掌握设置表单元素属性的方法；

8. 理解行为的作用，掌握设置行为的方法，理解简单VBScript代码的含义；

9. 理解模板和库的作用；

10.初步了解动态网页设计方法。

（二）技能教学目标：

1. 会使用Dreamweaver网页设计工具制作网页；

2. 会根据需要修改HTML语言中的标记，设置相关标记的属性；

3. 能够熟悉进行网页文本、图像、超链接、表格操作，并按要求设置其属性；

4. 能够熟练运用表格、层、框架等进行网页布局；

5. 熟练掌握CSS样式的定义和修改，并能根据实际需要进行CSS样式的定义和应用；

6. 熟练掌握表单制作方法，能够根据要求进行表单的设计；

7. 能够在网页中根据要求设置行为；

8. 熟练掌握模板设计方法，能够根据实际需要进行模板设计，并能使用模板生成相应的网页；掌握库的基本操作方法，会使用库简化网页设计；

（三）素质教学目标：

1. 具有勤奋学习的态度，严谨求实、创新的工作作风；

2. 具有良好的心理素质和职业道德素质；

3. 具有高度责任心和良好的团队合作精神；

4. 具有一定的科学思维方式和判断分析问题的能力；

5. 具有较强的网页设计创意思维、艺术设计素质。

三、内容标准

项目一、初识DreamWeaver（6学时）

1．参考学时：6

2．学习目标：了解网页设计的基本概念，掌握Dreamweaver工作界面设置，掌握站点的建立和管理，能够根据要求建立和管理站点；掌握进行网页制作的一般步骤。

3．工作任务：

模块一 初识DreamWeaver、站点的创建与管理（2学时）

内容：网页设计的基本概念，Dreamweaver功能简介、窗口组成及操作，建立和管理站点。

要求：了解网页设计的基本理念，理解网页元素，掌握Dreamweaver工作界面设置，掌握站点的建立和管理，能够根据要求建立和管理站点。

重  点：网页的基本组成元素，使用Dreamweaver建立和管理网站。

难  点：网页设计的基本理念，网站风格，网页色彩搭配，使用Dreamweaver建立和管理网站。

模块二 第一个页面（4学时）

内容：网页制作最基本的步骤。

要求：掌握网页制作的一般步骤和方法，初步掌握利用表格布局页面的方法，初步掌握设置导航方法，能够正确保存与浏览页面。

重  点：网页制作的一般步骤和方法。

难  点：利用表格布局页面的方法。

项目二、制作图文并茂的网页（12学时）

1．参考学时：12

2．学习目标：理解文本、图像，掌握设置其属性的方法；理解内部、外部、图像映射、邮件、文件下载、锚点、脚本等几种超链接的作用，掌握其设置方法；了解HTML代码，并能看懂。

3．工作任务：

模块一 制作图文并茂的图书网页（12学时）

内容：制作图文并茂的图书网页，解读图书网页的HTML代码。

要求：掌握在网页中插入文本、图像、超链接的方法，会根据要求设置其属性。

重  点：文本、图像、超链接等网页元素的基本操作及其属性设置。

难  点：HTML代码的理解。

项目三、页面布局设计（12学时）

1．参考学时：12

2．学习目标：掌握表格的基本操作方法和表格属性的设置，理解表格HTML代码的含义并能正确应用，掌握常见特殊表格制作技巧；能够使用表格合理布局页面；掌握层在网页中的灵活运用；能够利用框架组织页面。

3．工作任务：

模块一 表格的基本操作及特殊表格的制作（2学时）

内容：表格的三种视图方式，表格的基本操作方法，表格属性的设置，表格HTML代码的含义，特殊表格制作技巧。

要求：了解表格的三种视图方式及其作用，掌握表格的基本操作方法和表格属性的设置，理解表格HTML代码的含义并能正确应用，特殊表格制作技巧。

重  点：表格的基本操作方法和属性设置。

难  点：特殊表格制作技巧。

模块二 典型网页设计（4学时）

内容：使用表格布局网页。

要求：掌握使用表格布局网页的基本方法，能够按要求合理进行网页布局。

重  点：使用表格布局网页。

难  点：利用表格合理布局网页。

模块三 商务网站首页设计（2学时）

内容：使用表格布局网页。

要求：掌握使用表格布局网页的基本方法，能够按要求合理进行网页布局。

重  点：使用表格布局网页。

难  点：利用表格合理布局网页。

模块四 层的基本操作设计（2学时）

内容：使用层制作漂浮图片和弹出式菜单。

要求：了解层的特点，掌握层及其属性设置，掌握使用层制作漂浮图片和弹出式菜单。

重  点：层属性设置。

难  点：层的灵活应用。

模块五 穿衣游戏（2学时）

内容：使用层和行为设计穿衣游戏网页。

要求：灵活使用层进行网页设计。

重  点：层的应用。

难  点：层的灵活应用。

模块六 利用框架组织页面（2学时）

内容：利用框架组织页面。

要求：掌握使用框架组织网页的基本方法，能够按要求运用框架组织网页。

重  点：利用框架组织页面。

难  点：利用框架组织页面。

项目四、CSS样式设计（8学时）

1．参考学时：8

2．学习目标：理解CSS的含义，掌握定义CSS的几种方式，能够根据要求定义并编辑CSS样式。

3．工作任务：

模块一 设置图书网页的CSS样式（4学时）

内容：设置不随内容一起滚动的背景图像、即时改变网页文本大小。

要求：掌握CSS定义和编辑的方法，能够按要求设置CSS样式并应用。

重  点：CSS样式的定义和编辑。

难  点：利用行为改变CSS样式。

模块二 搜索引擎的制作（4学时）

内容：利用层和CSS样式制作搜索引擎页面。

要求：掌握使用表格布局网页的基本方法，能够按要求合理进行网页布局。

重  点：层和CSS的综合应用。

难  点：层和CSS的综合应用。

项目五、表单的应用（8学时）

1．参考学时：8

2．学习目标：理解表单及各表单域的作用，掌握其属性设置方法。理解并掌握表单验证方法。能够按要求设置表单域并进行表单的验证。

3．工作任务：

模块一 注册页面的制作（8学时）

内容：完成注册表单的制作。

要求：掌握表单制作技巧，能够按要求设置表单域并正确验证表单。

重  点：表单域的设置。

难  点：表单验证中代码的理解与书写。

项目六、使用行为（8学时）

1．参考学时：8

2．学习目标：理解行为的作用，掌握常见行为的应用。

3．工作任务：

模块一 常见行为的使用（8学时）

内容：利用行为制作弹出窗口、播放声音、弹出消息框、设置导航栏图像、弹出菜单等。

要求：掌握常见行为的使用，能够按要求设置行为。

重  点：常见行为的设置。

难  点：设置行为时事件的选择。

项目七、模板和库（16学时）

1．参考学时：16

2．学习目标：理解模板的作用，掌握创建模板的方法，能够利用创建的模板生成页面；理解库的作用，会使用库提高网页的编辑效率。

3．工作任务：

模块一 制作蔬菜网网站（8学时）

内容：创建蔬菜网网站模板，并根据模板生成相关网页。

要求：掌握创建模板的方法，能够按要求分析并创建模板，会使用创建的模板生成相关网页。

重  点：模板的创建，使用模板生成相关网页。

难  点：理解可编辑区域的概念及并正确设置。

模块二 设置蔬菜网网站的CSS样式（4学时）

内容：设置蔬菜网网站的超链接，设置蔬菜网网站的CSS样式，并应用。

要求：掌握模板的修改编辑方法。会根据要求设置模板的超链接、CSS样式，并应用在相关页面中。

重  点：模板的修改、模板中设置CSS样式。

难  点：模板和CSS的综合应用。

模块三 设置蔬菜网网站的库并修改（2学时）

内容：设置蔬菜网网站的库，并对库进行修改，观察网页的变化。

要求：掌握库的修改编辑方法，体会库的作用。

重  点：库的作用、定义、编辑。

难  点：库的定义、编辑。

模块四 使用模板、库创建商务网站（2学时）

内容：设置蔬菜网网站的库，并对库进行修改，观察网页的变化。

要求：掌握库的修改编辑方法，体会库的作用。

重  点：库的作用、定义、编辑。

难  点：库的定义、编辑。

项目八、静态网页综合作业（18学时）

1．参考学时：18

2．学习目标：能够综合运用表格、模板、CSS样式等熟练完成静态网页的设计。

3．工作任务：

模块一 制作班级主页（4学时）

内容：按要求制作一个班级主页。

要求：系统地掌握网页的编辑方法和过程。

重  点：网页的一般编辑方法和过程。

难  点：网页的版面设计。

模块二 制作广告公司主页（6学时）

内容：按要求制作一个广告公司主页。

要求：了解网站设计风格的确定方法、网站设计的步骤。

重  点：网站风格的确定方法、网站设计的步骤。

难  点：网站风格的确定。

模块三 制作一个汽车公司网站（8学时）

内容：完整地制作一个汽车公司网站。

要求：掌握网站制作的全过程，能够将表格布局、模板运用、CSS样式综合应用在网站中，会使用切片技术处理相关图片，了解JavaScript的实用功能并能将其运用在相关网页中，理解网站的上传和维护的方法并能进行网站内容的上传。

重  点：网站制作的步骤和方法；表格布局、模板运用、CSS样式的综合应用；切片技术的使用；网站的上传。

难  点：表格布局、模板运用、CSS样式的综合应用；网站的上传。

四、实施建议

（一）教材编写建议：

网页设计与制作是实现电子商务的一个重要岗位，本门课程与Flash动画、PhotoShop图像处理、计算机网络技术、数据库等课程有着密切的联系，它是上述课程的综合应用，需要多本教材的支撑，有条件、有师资的学校建议自己编写一本综合教材。

（二）教学建议：

从《网页设计与制作》的实际问题出发，精心准备各种典型案例，构建课程的宏观教学设计。例如，公司网站、班级网站、个人网站精选、图书网站等。以若干个案例为载体，形成循序渐进、种类多样的项目群，构建完整的教学设计布局。

1、教学采用“四阶段教学法”，将“教、学、练、做”融为一体。

教学体现“教师为主导，学生为主体，训练为主线”的原则，课堂上可以采用“四阶段教学法”：

第1个阶段，案例引入，提出问题。

通过案例演示，提出问题，给出知识点，讲解案例应用背景，给学生一个切入点，建立感性认识。目的是激发学生的学习兴趣、让学生感到学有所用，从而明确本次课的教学目标。

第2个阶段，学生自主学习，尝试解决问题。

充分利用我校以及互联网网络教学资源，引导学生自主学习，找到解决问题的方法和操作技能，培养学生的自主学习意识和学习方法。学生在学习和尝试解决问题过程中，发现问题，提出问题，在问题的引导下学习相关的知识和操作技能。

第3个阶段，归纳总结，引申提高。

在每次课结束前，引导学生进行归纳总结。对本次课的实际意义、重点、难点、容易出错处等及时进行总结。并针对案例的不足之处，进行引申和提高。注意在这个阶段，强调的是“引导”学生，而不是老师讲解。

第4个阶段，举一反三、学以致用。

案例源于生活，最终要应用于生活。为了使学生能学以致用、举一反三、触类旁通，每次教学结束时及时布置相关的课后练习，使学生在课后进一步复习巩固，并且将课后作业纳入形成性考核的内容之一。同时给出下一次课的学习内容，提示学生预习。

2、充分利用现代化教学手段，提高教学效果

教学中根据实际需要可以采用电子演示文稿、大屏幕多媒体联机演示、网络教学等各种先进的教学手段，使课堂教学生动活泼、引人入胜，提高教学效果，同时提高教学效率。包括：

（1）利用多媒体教学系统广播教学。把学生的共同问题（需要提示的重点）通过 “广播教学”，边讲边演示，使学生即时看到操作效果。

（2）利用网络将课堂教学延伸到课外，学生根据需要通过网络学习有关的内容。教师的课件和教学用资料都已都上传到教学资源下载中心，方便学生课外学习和复习。

（三）评价建议：对学生学业评价提出建议，体现评价的发展功能。

本课程的考核成绩以技能成绩为主，采用上机考试。平时上机实验技能应有严格的记录，根据各种实验的要求来计算成绩。

最终课程成绩由“平时成绩（占30%），大作业实训（占20%），期中成绩（占20%），期末考试成绩（占30%）”四个部分组成。

建议下半学期安排一次大作业实训（见项目八），让学生自己独立制作班级网站。

五、其他说明

1、本课程标准适用高职高专计算机及相关专业。

2、教学参考书目

为帮助学生主动学习，扩展知识面，推荐了以下教材供学生自主学习和使用：

3、 网络资源

13