网页设计与制作课程标准

.

-

- .可修编- XXXX高级技工学校

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

一、课程基本信息

课程名称 网页制作与设计 总学时 120

适用专业 计算机专业 开课部门 计算机组

编制人 审定人

二、课程性质

本课程是中职计算机术专业的一门主干专业课程。通过本课程的学习，要求学生掌握网页设计的基本概念，学会使用常用的网页设计工具和常用脚本语言，能够设计制作常见的静态和动态网页，具备的建立和维护能力。同时通过本课程的学习，培养学生的综合职业能力、创新精神和良好的职业道德。

三、设计思路

本课程标准的总体设计思路：以计算机专业学生的就业为导向，根据行业专家对计算机网络技术专业所涵盖的岗位群进行的任务和职业能力分析，紧紧围绕完成工作任务的需要来选择课程内容，设定职业能力培养目标；以“工作项目”为主线，创设工作情景；以书本知识的传授变为动手能力的培养为重点，强化学生实践动手能力的培养，以实现职业能力的培养目标。

四、课程目标

1.职业知识目标

1．熟悉HTML 语言的作用和开发环境，能够编写HTML 代码；

2．掌握常用的HTML 标签，能够实现基本的图文信息显示；

3．理解HTML 页面框架的作用，能够针对需求进行框架的设计；

4．掌握各类HTML 表单元素标签，能够进行表单设计； .

-

- .可修编- 5．掌握各类HTML 多媒体元素标签，能够进行多媒体页面设计；

6．掌握CSS 样式的基本使用方法，能够应用CSS 样式表美化页面；

7．掌握CSS 网页布局的方法，能够结合DIV 标签进行页面布局；

8．掌握JavaScript 的语法基础，能够编写简单的JavaScript 应用程序；

9．掌握JavaScript 的函数、内置对象、事件等，能够实现表单的验证；

10．掌握DOM 树形结构及其操作方法，能够控制DOM 对象。

2.职业技能目标

1．能独立进行资料收集与整理、具备用户需求的理解能力；

2．能根据项目需求，具备项目页面的设计与实现能力；

3．能根据静态页面设计原则与CSS 技术规X，实现页面美化与布局；

4．具有使用JavaScript 技术进行页面事件处理与表单验证的能力；

5．能根据DOM 树形结构，进行页面DOM 的控制；

6．具有综合应用HTML 语言、CSS 样式、JavaScript 脚本进行页面的设计、编码、调试、维护能力。

3.职业素质目标

1．养成善于思考、深入研究的良好自主学习的习惯；

2．通过项目与案例教学，培养学习者的分析问题、解决问题的能力；

3．具有吃苦耐劳、团队协作精神，沟通交流和书面表达能力；

4．通过课外拓展训练，培养学习者的创新意识；

5．具有爱岗敬业、遵守职业道德规X、诚实、守信的高尚品质。

五、课程主要内容与要求

序号 授课内容 知识要求 技能要求 参考时数 .

-

- .可修编- 2 第1章 策划与分析 了解分类，掌握开发流程，掌握需求分析方法，能够编写策划书，掌握功能设计方法。 掌握需求分析方法，能够编写策划书，掌握功能设计方法。 8

3 第2章

HTML和网页制作 掌握HTML中的常用标记方法，能够在Dreamweaver中熟练利用HTML编写简单网页。 (1) 掌握HTML 文件的编辑运行环境；

(2) 熟练掌握、、、、、、、特殊字符等标签的使用； (3) 掌握 标签的属性设置与应用； (4) 掌握标签的含义与应用；

、、、特殊字符等标签的使用；

(3) 掌握 标签的属性设置与应用；

(4) 掌握

(5) 掌握

(6) 熟练掌握标签设置各类超级的方法与技巧。 8

4 第3章 站点的创建与发布 学会站点的创建与基本操作，掌握结构及的发布知识。 (1) 了解网页制作相关概念；

(2) 掌握Web 站点的配置方法；

(3) 掌握编写简单的HTML 网页的方法；

(4) 掌握发布静态Web 站点。 8

5 第4章 网页基本操作与CSS应用 掌握在网页中输入文本、插入图片的方法，了解超级的类型，为文本或图片创建超级，掌握CSS样式在网页制作中的应用。 (1) 掌握CSS 简介、特点与使用规则；

(2) 掌握选择符的分类与应用；

(3) 掌握CSS 的各种加载方法；

(4) 掌握CSS 背景控制与应用；

(5) 掌握CSS 对文本样式的控制；

(6) 掌握CSS 对于列表元素的应用；

(7) 掌握盒模型的原理与应用；

(8) 掌握CSS 的定位方式；

(9) 掌握DIV+CSS 页面布局的方法。 8

6 第5章 布局 了解常用网页内容的组成要素，了解常见网页的布局方式。 掌握表格的基本操作，并能使用表格进行页面布局的设计，掌握层的使用方法，利用层对页面元素进行定位；掌握框架的使用方法，能够使用框架对页面进行设计。 24

9 6章 页面配色与修饰 了解网页配色方案及安全色的概念，学会风格设计，了解photoshop的基本知识，了解flash的基本知识 网页设计的基本理念，风格，网页色彩搭配。 8

11 第7章 创建动态网页 了解制作动态的基本知识。 掌握表单的制作，掌握动态网页制作的基本方法与技巧，掌握动态网页的发布及数据库的 8

12 第8章静态综合实例 掌握制作的基本流程和方法。 掌握利用软硬件资源制作并发布一个具体的操作过程。 8

13 第9章 综合实例 学会制作综合的系统分析与设计；学会制作综合；学会上传。 掌握综合制作的流程和方法；掌握的优化与测试。 16

15 第10章 优化、测试与上传 学会检查的正确性和发布站点的步骤。 掌握域名的基本概念以及分类，域名的注册技巧；掌握空间的申请方法。掌握发布站点的步骤。 8 .

-

- .可修编- 16 案例讲解：实例制作 运用所学Dreamweaver知识制作综合实例。 8

17 案例讲解：实例制作 运用所学Dreamweaver知识制作综合实例。 8

六、实施建议

（一）教材编写

所选用的教材应充分体现培养学生的职业能力为中心思想，以“教、学、做”为一体组织课堂内容，

注重理论与实践相结合、教材内容与行业标准要求相结合，强调理论在实践过程中的应用。

（二）教学建议

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

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

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

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

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

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

充分利用我校以及互联网网络教学资源，引导学生自主学习，找到解决问题 .

-

- .可修编- 的方法和操作技能，培养学生的自主学习意识和学习方法。学生在学习和尝试解决问题过程中，发现问题，提出问题，在问题的引导下学习相关的知识和操作技能。

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

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

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

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

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

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

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

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

（三）教学评价 .

-

- .可修编- 本课程的考核成绩有理论基础成绩与技能成绩两项组成，都是采用上机考试。平时上机实验技能应有严格的记录，根据各种实验的要求来计算成绩。

（四）资源利用

网络资源

FIF网络学院 fif.hlw./

网页制作大宝库 .dabaoku./sucai

素材精品屋 .sucaiw./index.asp

黑马网页素材 sucai.heima.

遐思素材屋 /sck/sck1.htm

网页特效集 /index.php

网页特效 .baron../javascript/index.asp

网页特效 free.2259.

七色风网页特效 /wytx/wytx.htm

太平洋学院 .pconline../pcedu/sj/wz

蓝色理想 .blueidea.

天极网-----网页陶吧 homepage.yesky.

网页设计师联盟

七色鸟设计空间 .colorbird.

有风的日子

闪客帝国 .flashempire.

宇风多媒体 .yfdmt.

闪吧

网页素材库 .tukuz./photo