网页设计课程标准.

“网页设计（DW/HTML/CSS）”课程标准

招生对象：高中毕业生及同等学力者教学时数：96H

学历层次：高职课程代码：9091307 修业年限：全日制三年学分数： 5.5

适用专业：计算机网络技术、信息安

全技术专业

制订人：罗胜荣

一、课程概述

1．课程定位

本课程是计算机网络技术、信息安全技术专业核心课，也是计算机网络技术及相关专业的专业必修课程，本课程授课学时可控制在86H—96H之间。通过本课程学习，培养学生懂专业——熟悉和掌握网页设计与制作及网站建设的基本知识；精技能——具备信息收集、处理、准备、加工的能力，掌握综合运用网页设计软件设计和制作网页的方法，进而完成网页设计、网站建设任务，为今后从事网页设计、网站开发、网站维护和管理工作奠定基础；高素质——在课程学习中培养学习和工作的方法能力，培养共处和做人的社会能力。本课程于第二学期开设，前导课程有“计算机应用技术、程序设计基础”等，后续课程包括“windows 网络技术、交换技术”等。

2．设计思路

本课程是依据计算机网络专业人才培养方案中，对网页设计相关知识及其基本操作的职业能力要求而设置的。其总体设计思路是，打破以知识传授为主要特征的传统学科课程模式，转变为以课题、任务形式组织课程教学内容，让学生在完成具体任务过程中，学习相关理论知识，掌握网页设计制作过程中所需的各种技术技能。

（1）内容设计

依据课程目标，本课程的学习内容应包括网站开发的工作流程、开发环境，网站建立、网站主页的布局设计与制作，子页面的设计，网站设计任务书的撰写，网站的整体设计，网站的维护等。内容以若干实际案例分析进行组织，在案例的分析掌握相关知识技能，达到知识、技能、素质的综合培养目标。

（2）教学设计

以网页设计、制作与管理，网站规划建设和管理维护等应具备的能力为导向，通过实际的案例，模拟真实的职业环境，灵活采用现场教学、小组讨论、角色扮

演等教学方法和多媒体教学等教学手段。改革考核模式，采用过程考核和综合考核相结合，有效利用理论知识与实际相结合、学生自评、学生互评等多种考核方式，不仅考核课程理论知识与技能，同时注重对学生职业素养的考核评价。

二、课程目标

(1)能掌握网页设计与制作的基本知识；

(2)能掌握HTML 语言；

(3)能掌握静态网页设计与制作的知识；

(4)学会网页中动态效果的设计与实现方法；

(5)能掌握网页中图片设计和处理、动画设计的知识；

(6)能掌握网站检查与发布的知识；

三、内容标准及实施建议

1．课题安排及学时分配

课程依据岗位要求的能力递进关系，确定了7个学习情境。见表1。

课题序号课题名称学时H

1 天猫华伊格旗舰店首页制作16H

2 MSN“奔驰C级”介绍网页的制作12H

3 “街头生活”摄影网站的制作12H

4 彩色导航条的制作10H

5 CMCC_EDU登录页面的制作10fH

6 远程教育学院网站子页面的制作10H

7 “蜜糖栈”甜品网上商店的制作26H

合计96H 2．课题内容及实施

依据能力目标，在总体设计思路基础上，依据学习情境安排表的安排，设计每个课题的教学目标、教学内容、重点难点及解决方案，给出具体的教学实施建议，并按照理论与实践1:2的比例进行教学内容实施，说明教学资源，明确每个课题的详细考评标准。具体教学设计见表2－表6。

课题1 天猫华伊格旗舰店首页制作学时H 16H

教学目标1.了解网页、网站的区别及分类

2.了解HTML与CSS的使用及网页文件数据类型

3. 掌握HTML相关标记与属性的应用

4. 熟悉Dreamweaver cs6的界面布局和工作环境

教学内容1.浏览不同类型的网站

2.网站和网页的基础知识

3.网页的基本构成元素

4.制作网页的工具概述及初识Dreamweaver cs6中文版

5.网页文件的应用

重点难点重点：

1.网站风格的分析与制作特色

2.万维网、网页、网站、主页和HTML的基本概念。通过边讲、边练、讲练结合的方法来解决。

难点：

学以致用，如何根据HTML网页文件不同的标记制作出网页不同效果。

教学实施建议1.网页与网站、网站的分类、浏览器与服务器。（1H）

2.HTML与CSS简介、两者的关系。（1H）

3.网页文件数据类型、长度值和颜色值、URI地址、相对定位和绝对定位。（1H）

4.HTML结构标记、头标记、文档标题标记、主体标记、注释标记。（2H）

5.文字显示标记、段落与标题标记、列表项标记。（2H）

6.超链接标记、锚点超链接标记、电子邮件超链接标记。（1H）

7.网页中图片格式介绍、HTML图片标签与实行。（1H）

8.表格相关标记及属性、表格应用。（1H）

9.相关网页欣赏（1）当当购物网站：/，（2）南开大学网站：/index.asp，（3）且听风吟文学网：/，（4）叱进军个人网站：，（5）携程旅游网：，（6）中国体育资讯网： （7）太平洋电脑网：，（8）班级网站： 学生独立完成实践内容，再完成习题中的相关习题，在任务及习题完成的过程中熟练掌握各项操作。(1H)

10.网页制作基础实践：

（1）启动Dreamweaver cs6，认识Dreamweaver cs6的工作环境。

（2）在Dreamweaver cs6主窗口中观察其各个菜单、工具栏、面板的组成。（3）利用Dreamweaver cs6的帮助，查找有关“JavaScript”的内容，请分别利用“目录”、“索引”、“搜索”三种途径完成。

学生独立完成实践内容，再完成习题中的相关习题，在任务及习题完成的过程中熟练掌握各项操作。(1H)

11.天猫华伊格旗舰店网页的制作。（4H）

教学资源场地：多媒体投影教室

设备、工具等：多媒体教学设备、应用软件及多媒体教学软件资料：电子教材、电子教案、多媒体教学课件、网络资源

考核评价

1.课堂提问及布置的习题：回答问题与习题完成的情况

2.评价方式：学生自评、教师对学生各考核项目按照考核标准进行评价

课题2 MSN“奔驰C级”介绍网页的制作学时H 12H

教学目标1. 深入理解CSS在网页样式设置中的作用

2. 学会引用CSS样式的方式

3. 学会熟练使用CSS的不同类型选择符

4. 学会使用CSS设置网页中文本样式

5. 学会使用CSS设置网页背景及整体显示样式

教学内容1. CSS语法的应用

2. CSS选择符及符合选择符的应用

3. 引用CSS修饰网页

4. 应用CSS文件设置网页样式

重点难点重点：1. CSS语法、选择符及符合选择符的应用，通过边讲、边练、讲练结合的方法来解决。

难点：学以致用,如何引用CSS样式来修饰网页，从学到的知识点用到实践中来。