网页设计课程标准终稿.docx
《网页设计课程标准终稿.docx》由会员分享，可在线阅读，更多相关《网页设计课程标准终稿.docx（15页珍藏版）》请在冰豆网上搜索。
网页设计课程标准终稿
“网页设计（DW/HTML/CSS）”课程标准
招生对象：
高中毕业生及同等学力者
教学时数：
96H
学历层次：
高职
课程代码：
9091307
修业年限：
全日制三年
学分数：
5.5
适用专业：
计算机网络技术、信息安全技术专业
制订人：
罗胜荣
一、课程概述
1．课程定位
本课程是计算机网络技术、信息安全技术专业核心课，也是计算机网络技术及相关专业的专业必修课程，本课程授课学时可控制在86H—96H之间。
通过本课程学习，培养学生懂专业——熟悉和掌握网页设计与制作及网站建设的基本知识；精技能——具备信息收集、处理、准备、加工的能力，掌握综合运用网页设计软件设计和制作网页的方法，进而完成网页设计、网站建设任务，为今后从事网页设计、网站开发、网站维护和管理工作奠定基础；高素质——在课程学习中培养学习和工作的方法能力，培养共处和做人的社会能力。
本课程于第二学期开设，前导课程有“计算机应用技术、程序设计基础”等，后续课程包括“windows网络技术、交换技术”等。
2．设计思路
本课程是依据计算机网络专业人才培养方案中，对网页设计相关知识及其基本操作的职业能力要求而设置的。
其总体设计思路是，打破以知识传授为主要特征的传统学科课程模式，转变为以课题、任务形式组织课程教学内容，让学生在完成具体任务过程中，学习相关理论知识，掌握网页设计制作过程中所需的各种技术技能。
（1）内容设计
依据课程目标，本课程的学习内容应包括网站开发的工作流程、开发环境，网站建立、网站主页的布局设计与制作，子页面的设计，网站设计任务书的撰写，网站的整体设计，网站的维护等。
内容以若干实际案例分析进行组织，在案例的分析掌握相关知识技能，达到知识、技能、素质的综合培养目标。
（2）教学设计
以网页设计、制作与管理，网站规划建设和管理维护等应具备的能力为导向，通过实际的案例，模拟真实的职业环境，灵活采用现场教学、小组讨论、角色扮演等教学方法和多媒体教学等教学手段。
改革考核模式，采用过程考核和综合考核相结合，有效利用理论知识与实际相结合、学生自评、学生互评等多种考核方式，不仅考核课程理论知识与技能，同时注重对学生职业素养的考核评价。
二、课程目标
（1）能掌握网页设计与制作的基本知识；
（2）能掌握HTML语言；
（3）能掌握静态网页设计与制作的知识；
（4）学会网页中动态效果的设计与实现方法；
（5）能掌握网页中图片设计和处理、动画设计的知识；
（6）能掌握网站检查与发布的知识；
三、内容标准及实施建议
1．课题安排及学时分配
课程依据岗位要求的能力递进关系，确定了7个学习情境。
见表1。
表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。
表2情境1教学设计表
课题1
天猫华伊格旗舰店首页制作
学时H
16H
教学目标
1.了解网页、网站的区别及分类
2.了解HTML与CSS的使用及网页文件数据类型
3.掌握HTML相关标记与属性的应用
4.熟悉Dreamweavercs6的界面布局和工作环境
教学内容
1.浏览不同类型的网站
2.网站和网页的基础知识
3.网页的基本构成元素
4.制作网页的工具概述及初识Dreamweavercs6中文版
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）当当购物网站：
（7）太平洋电脑网：
，（8）班级网站：
学生独立完成实践内容，再完成习题中的相关习题，在任务及习题完成的过程中熟练掌握各项操作。
（1H）
10.网页制作基础实践：
（1）启动Dreamweavercs6，认识Dreamweavercs6的工作环境。
（2）在Dreamweavercs6主窗口中观察其各个菜单、工具栏、面板的组成。
（3）利用Dreamweavercs6的帮助，查找有关“JavaScript”的内容，请分别利用“目录”、“索引”、“搜索”三种途径完成。
学生独立完成实践内容，再完成习题中的相关习题，在任务及习题完成的过程中熟练掌握各项操作。
（1H）
11.天猫华伊格旗舰店网页的制作。
（4H）
教学资源
场地：
多媒体投影教室
设备、工具等：
多媒体教学设备、应用软件及多媒体教学软件
资料：
电子教材、电子教案、多媒体教学课件、网络资源
考核评价
1.课堂提问及布置的习题：
回答问题与习题完成的情况
2.评价方式：
学生自评、教师对学生各考核项目按照考核标准进行评价
表3情境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样式来修饰网页，从学到的知识点用到实践中来。
教学实施
建议
1.CSS语法、标记选择符、类选择符、ID选择符（2H）
2.交集选择符、并集选择符、包含选择符。
（2H）
3.内联引用、内部引用CSS、外部引用CSS。
（2H）
4.设置页面样式、设置标题样式、设置后段落样式、设置文字样式、CSS注释使用。
（2H）
5.制作MSN“奔驰C级”介绍网页。
（4H）
教学资源
场地：
多媒体投影教室
设备、工具等：
多媒体教学设备、应用软件及多媒体教学软件
资料：
电子教材、电子教案、多媒体教学课件、网络资源
考核评价
1.课堂提问及布置的习题：
回答问题与习题完成的情况
2.评价方式：
学生自评、教师对学生各考核项目按照考核标准进行评价
表4情境3教学设计表
课题3
“街头生活”摄影网站的制作
学时H
12H
教学目标
1.熟练使用CSS设置网页中的文字
2.理解并使用CSS中行内元素与块元素
3.学会使用CSS设置网页图片样式
教学内容
1.网页中字体、字号、效果、间距、段落的设置
2.网页元素、图片、表格的设置
重点难点
重点：
字体与字号设置、文字特殊效果设置、文字间距设置、首行缩进设置。
难点：
学以致用，如何把学到的知识点用到实践中来。
教学实施
建议
1.字体与字号的设置、文字特殊效果的设置、文字间距的设置、首行缩进的设置、行高的设置、文本对齐方式的设置、设置段落间距（2H）
2.CSS中块元素的设置、CSS行内元素的设置（2H）
3.图片边框的设置、图片大小的设置、图文混排的设置图片对齐方式、图片背景的设置、背景图片位置的设置（4H）
4.“街头生活”摄影网站的制作。
（4H）
教学资源
场地：
多媒体投影教室
设备、工具等：
多媒体教学设备、应用软件及多媒体教学软件
资料：
电子教材、电子教案、多媒体教学课件、网络资源
考核评价
1.课堂提问及布置的习题：
回答问题与习题完成的情况
2.评价方式：
学生自评、教师对学生各考核项目按照考核标准进行评价
表5情境4教学设计表
课题4
彩色导航条的制作
学时H
10H
教学目标
1.熟练使用CSS设置网页中超链接样式
2.学会使用CSS设置网页中列表样式
3.理解块元素漂的属性并学会利用列表项漂动设置横向列表
4.列表与超链接综合应用的CSS样式设置
教学内容
1.CSS超链接样式
2.列表样式及块元素的使用
3.网页中的超级链接
重点难点
重点：
CSS设置网页超链接样式；通过边讲、边练、讲练结合的方法来解决。
难点：
学以致用，如何把学到的知识点用到实践中来。
教学实施
建议
1.文字超链接交互样式设置、文字背景颜色超链接设置、文字背景图片超链接设置（2H）
2.项目符号的设置、图片符号的设置。
（2H）
3.竖直排列的导航菜单的设置、横排导航菜单的设置（2H）
4.块元素的漂动float属性设置（2H）
5.彩色导航条的制作。
（2H）
教学资源
场地：
多媒体投影教室
设备、工具等：
多媒体教学设备、应用软件及多媒体教学软件
资料：
电子教材、电子教案、多媒体教学课件、网络资源
考核评价
1.课堂提问及布置的习题：
回答问题与习题完成的情况
2.评价方式：
学生自评、教师对学生各考核项目按照考核标准进行评价
表6情境5教学设计表
课题5
CMCC_EDU登录页面的制作
学时H
10H
教学目标
1.熟练使用HTML表单标记
2.学会使用CSS设置表单样式
3.学会使用CSS设置表格样式
教学内容
1.表单标记设置
2.设置表单样式
3.设置表格样式
重点难点
重点：
表单、表格样式的设置通过边讲、边练、讲练结合的方法来解决。
难点：
学以致用，如何把学到的知识点用到实践中来
教学实施
建议
1.表单标记、信息输入标记、下拉列表与文本域设置（2H）
2.CSS设置表单样式（2H）
3.设置边框粗细、设置表格宽度（2H）
4.CMCC_EDU登录页面的制作（4H）
教学资源
场地：
多媒体投影教室
设备、工具等：
多媒体教学设备、应用软件及多媒体教学软件
资料：
电子教材、电子教案、多媒体教学课件、网络资源
考核评价
1.课堂提问及布置的习题：
回答问题与习题完成的
升级会员 