50《网页设计与制作》课程标准.docx
《50《网页设计与制作》课程标准.docx》由会员分享，可在线阅读，更多相关《50《网页设计与制作》课程标准.docx（32页珍藏版）》请在冰豆网上搜索。
50《网页设计与制作》课程标准
《网页设计与制作》课程标准
课程代码：
502043
参考学时：
90
学分：
4
课程类型：
专业课
2015年1月编
适用专业
计算机应用技术（3年制中职，5年制高职）
开课时间
第4学期
课程定位
1、课程性质
本课程是计算机应用技术（3年制中职，5年制高职）的专业课程。
2、教学任务
本课程主要以Dreamweaver软件为操作平台，针对职业教育网络技术专业中理论结合实践的特点，以培养高技能应用型人才为目标，重点加强学生的理论基础和训练学生的实际操作能力。
在教学知识模块上首先介绍网页的相关知识，学习HTML标记语言，在此基础上深入学习Dreamweaver软件的操作方法以及网页元素在网页中的使用技巧，锻炼学生网页的排版设计能力，最后通过样式表、客户端脚本、服务器行为的学习让学生熟悉并掌握开发简单动态网站的能力。
在本课程的实践教学内容中，选取紧密联系实际的项目并进行详细分解，重点培养学生的静态、动态网页制作能力、具备网站的建立和维护能力、独立思考、解决问题以及自主创新的能力。
四、课程培养目标
1、方法能力目标
培养学生谦虚、好学的品质；
培养学生勤于思考、做事严谨的良好作风；
培养学生良好的职业道德；
培养学生事物美的观念；
社会能力目标
培养学生的团队协作精神；
培养学生分析问题、解决问题的能力；
培养学生勇于创新、敬业乐业的工作作风；
培养学生诚实、守信、坚忍不拔的性格。
专业能力目标
掌握网页设计相关知识、网页元素组成、网页结构、网站开发流程、网页设计与制作工具；
掌握HTML标记语言并能够熟练使用标记元素来书写网页框架；
掌握Dreamweaver软件的使用方法；学习文本、图像等多媒体元素在网页中的使用技巧；
熟练掌握表格的弹性控制及表格元素标记的使用方法并能应用单元格的合并拆分、表格嵌套来完成网页的排版；
掌握模板的使用方法；熟练应用模板来制作、修改、批量更新网页；
掌握两栏框架的制作方法和使用浮动框架嵌套网页的技巧；
熟悉AP元素的浮动和定位并能结合时间轴来实现多个AP元素的动画效果；
熟练掌握表单的制作方法、表单元素标记、了解网页通过表单来提交数据的原理；
掌握网页中客户端行为的概念；能够使用常见的客户端行为来制作前台页面的动态效果；
掌握样式表对网页的外观和格式的控制、样式表的冲突与继承并能够熟练书写样式；
熟练掌握服务器行为的概念、连接数据库、插入、修改、更新、删除操作记录；能够使用服务器行为开发简单的动态网站。
五、课程衔接
在课程设置上，前导课程有《Photoshop高级应用》，后续课程有《网站建设》
六、教学内容与学时分配
教学学时数分配见下表所示
表教学内容与学时分配
序号
教学内容（项目、情景）
理论学时
实践学时
习题学时
合计
1
K1-1-1网页、网站概念
K1-1-2浏览器、B/S、链接概念
K1-1-3IP地址、域名概念
K1-1-4URL地址、HTTP协议概念
K1-1-5网页组成
K1-1-6网站开发流程
K1-1-7网页设计与制作工具
2
2
0
4
2
K1-2-1HTML标记语法
K1-2-2HTML书写网页结构
K1-2-3HTML中HEAD内标记
K1-2-4HTML文本类标记
K1-2-5HTML多媒体类标记
4
2
0
6
3
K1-3-1Dreamweaver软件的版本、安装、启动与界面认识
K1-3-2Dreamweaver三种不同视图模式在网页编辑时的作用
K1-3-3常见的浮动面板以及功能
K1-3-4对象面板中网页元素以及使用方法
K1-3-5属性面板对元素的编辑与修改方法
2
2
0
4
4
K1-4-1使用代码和对象两种模式来书写文本
K1-4-2属性面板中对文本的修改和设置方法
K1-4-3文本的行、段落控制方法和文字底色搭配技巧
2
2
0
4
5
K1-5-1网页图像类型及区别
K1-5-2设置网页中图像参数
K1-5-3图像翻转
K1-5-4图像导航条
K1-5-5图像热区
K1-5-6图像轮显
4
4
0
8
6
K1-6-1表格及表格元素标记
K1-6-2表格及表格元素属性
K1-6-3表格的基本操作方法
K1-6-4表格按网页结构排版
K1-6-5单元格合并与拆分对网页排版
K1-6-6表格嵌套排版
K1-6-7手绘表格排版
K1-6-8使用表格排版制作综合实例
K1-6-9表格排版应注意的问题
8
6
0
14
7
K1-7-1模板的概念
K1-7-2可编辑区域与不可编辑区域的使用
K1-7-3使用模板批量制作网页
K1-7-4使用模板批量更新网页
2
2
0
4
8
K1-8-1框架的概念及标记
K1-8-2框架和框架集的保存方法
K1-8-3学习制作两栏框架网页
K1-8-4设置框架网页超链接
K1-8-5使用浮动框架制作网页嵌套
2
2
0
4
9
K1-9-1层元素标记及属性
K1-9-2层的基本操作
K1-9-3层的浮动与定位
K1-9-4层结合时间轴实现漂浮动画
2
2
0
4
10
K1-10-1表单的功能
K1-10-2表单标记及其属性
K1-10-3表单元素标记及其属性
K1-10-4在Dreamweaver中制作表单
K1-10-5表单数据提交方式
K1-10-6表单元素美化
K1-10-7表单制作技巧
4
4
0
8
11
K1-11-1行为、事件、动作概念
K1-11-2行为面板的使用
K1-11-3常见行为的使用方法
K1-11-4事件类型
4
4
0
8
12
K1-12-1层叠样式表的概念
K1-12-2层叠样式表的书写位置
K1-12-3层叠样式表的语法格式
K1-12-4层叠样式表实现与网页分离及样式表的调用方法
K1-12-5层叠样式表的分类
K1-12-6样式表属性及属性值
K1-12-7不同类别样式表的应用范围及调用
K1-12-8样式表冲突
K1-12-9样式表继承
K1-12-10样式表优先级
K1-12-11复合样式表选择符
6
4
0
10
13
K1-13-1服务器行为的概念
K1-13-2使用OLEDB,ODBC,DSN链接数据库的方法
K1-13-3创建记录集
K1-13-4插入记录行为
K1-13-5更新记录行为
K1-13-6删除记录行为
K1-13-7用户登录行为
K1-13-8重复区域显示行为
K1-13-9分页行为
K1-13-10多表联合查询
K1-13-11留言板前台、后台、数据库设计
K1-13-12新闻管理系统前台、后台、数据库设计
8
4
0
12
合计
50
40
0
90
百分比
56%
44%
0%
100%
课程实验内容见下表
编号
实验名称
教学方法
实验1
认识域名、IP、URL组成、浏览器、网页、网页制作工具
教师演示和学生实操
实验2
使用HTML编写网页（记事本或者EDITPLUS）
教师演示和学生实操
实验3
安装启动Dreamweaver，认识界面
教师演示和学生实操
实验4
认识Dreamweaver三种视图模式和各种面板
教师演示和学生实操
实验5
Dremaeaver中各种面板的协同操作（演示制作网页流程）
教师演示和学生实操
实验6
Dreamweaver文本排版的方法和技巧
教师演示和学生实操
实验7
图像翻转的制作
教师演示和学生实操
实验8
图像导航条制作
教师演示和学生实操
实验9
图像热区制作
教师演示和学生实操
实验10
图像轮显制作
教师演示和学生实操
实验11
使用标记来书写表格结构
教师演示和学生实操
实验12
使用表格来制作第一个网页
教师演示和学生实操
实验13
单元格合并与拆分对网页进行排版
教师演示和学生实操
实验14
使用表格的嵌套排版
教师演示和学生实操
实验15
使用手绘表格的方式来进行排版
教师演示和学生实操
实验16
多种排版方式结合的使用
教师演示和学生实操
实验17
使用模板批量制作、更新网页
教师演示和学生实操
实验18
使用两栏框架网页、使用浮动框架制作随意嵌套网页
教师演示和学生实操
实验19
使用AP元素结合时间轴制作漂浮动画
教师演示和学生实操
实验20
制作用户登录表单
教师演示和学生实操
实验21
学习制作用户注册表单
教师演示和学生实操
实验22
学习对各种表单元素进行美化并应用到表单中
教师演示和学生实操
实验23
使用客户端行为制作下拉菜单
教师演示和学生实操
实验24
使用行为实现声音的控制播放
教师演示和学生实操
实验25
使用行为实现可编辑区域内对象的改变
教师演示和学生实操
实验26
样式表的书写规范和语法
教师演示和学生实操
实验27
样式表的分类及调用
教师演示和学生实操
实验28
样式表控制网页外观和排版
教师演示和学生实操
实验29
样式表冲突与继承
教师演示和学生实操
实验30
使用Dreamweaver链接数据库的三种方法
教师演示和学生实操
实验31
创建记录集、插入、修改、更新、删除、查询记录的方法
教师演示和学生实操
实验32
重复区域、分页的使用
教师演示和学生实操
实验33
多表联合查询的方法
教师演示和学生实操
七、教学内容和进程
1、内容一（网页基础）见表
表“网页基础”
内容
网页基础
学时
4
教学目标
掌握网页相关基本概念,掌握网页制作开发流程,掌握常用的网页设计与制作工具
教学内容
1.网页、网站概念
2.浏览器、B/S、链接概念
3.IP地址、域名概念
4.URL地址、HTTP协议概念
5.网页组成
教学方法建议与说明（方法、手段、教学做一体等）
1.引导教学法、2.项目驱动法、3.案例分析法、4.分组讨论法、5.课堂互相测评法
考核与评价方式
单元实践、期末考试、综合实训
教学辅助材料
1.电子课件、2.课堂实践评价表、3.学习任务书
4.课程网站：
、
、内容二（HTML标记）见表
表“HTML标记”
内容
HTML标记
学时
6
教学目标
掌握HTML标记语法格式、掌握HTML标记书写规范，熟练掌握HTML常见标记，熟练掌握用HTML标记来书写简单的网页并能够调试
教学内容
1.HTML标记语法
2.HTML书写网页结构
3.HTML中HEAD内标记
4.HTML文本类标记
5.HTML多媒体类标记
教学方法建议与说明（方法、手段、教学做一体等）
1.引导教学法、2.项目驱动法、3.案例分析法、4.分组讨论法、5.课堂互相测评法
考核与评价方式
单元实践、期末考试、综合实训
教学辅助材料
1.电子课件、2.课堂实践评价表、3.学习任务书
4.课程网站：
、
、内容三（Dreamweaver软件使用）见表
表“Dreamweaver软件使用”
内容
Dreamweaver软件使用
学时
4
教学目标
认识并熟悉Dreamweaver软件界面，掌握在Dreamweaver中网页的制作流程（面板如何协同配合使用），掌握三种视图模式，掌握网页页面设置方法
教学内容
1.Dreamweaver软件的版本、安装、启动与界面认识
2.Dreamweaver三种不同视图模式在网页编辑时的作用
3.常见的浮动面板以及功能
4.对象面板中网页元素以及使用方法
5.属性面板对元素的编辑与修改方法
教学方法建议与说明（方法、手段、教学做一体等）
1.引导教学法、2.项目驱动法、3.案例分析法、4.分组讨论法、5.课堂互相测评法
考核与评价方式
单元实践、期末考试、综合实训
教学辅助材料
1.电子课件、2.课堂实践评价表、3.学习任务书
4.课程网站：
、
、内容四（文本排版）见表
表“文本排版”
内容
文本排版
学时
4
教学目标
掌握代码和对象模式下控制文本排版的方法，掌握文本行间距的控制方法；
、 、
标记的使用技巧，掌握前背景颜色搭配的方法
教学内容
1.使用代码和对象两种模式来书写文本
2.属性面板中对文本的修改和设置方法
3.文本的行、段落控制方法和文字底色搭配技巧
教学方法建议与说明（方法、手段、教学做一体等）
1.引导教学法、2.项目驱动法、3.案例分析法、4.分组讨论法、5.课堂互相测评法
考核与评价方式
单元实践、期末考试、综合实训
教学辅助材料
1.电子课件、2.课堂实践评价表、3.学习任务书
4.课程网站：
、
、内容五（图像使用）见表
表“图像使用”
内容
图像使用
学时
8
教学目标
掌握网页图像的三种类型以及何时该用何种图像类型，掌握图像属性的设置，理解图像翻转的概念，熟练掌握图像翻转的制作方法，理解图像导航条的概念，熟练掌握图像导航条的制作方法，理解图像热区的概念，熟练掌握图像热区给一幅图设置不同超链接的方法，理解图像轮显的概念，熟练掌握图像轮显的修改方法
教学内容
1.网页图像类型及区别
2.设置网页中图像参数
3.图像翻转
4.图像导航条
5.图像热区
6.图像轮显
教学方法建议与说明（方法、手段、教学做一体等）
1.引导教学法、2.项目驱动法、3.案例分析法、4.分组讨论法、5.课堂互相测评法
考核与评价方式
单元实践、期末考试、综合实训
教学辅助材料
1.电子课件、2.课堂实践评价表、3.学习任务书
4.课程网站：
、
、内容六（表格排版）见表
表“表格排版”
内容
表格排版
学时
14
教学目标
熟练掌握表格及表格元素标记的书写方法，理解表格及表格元素的属性及用途，掌握表格选择、单元格选择、行列选择、行列交换、剪切、粘贴的方法和技巧，掌握按网页头、网页主体、网页版权使用分块表格对网页进行排版的方法，熟练掌握单元格合并拆分对网页的排版方法，熟练掌握嵌套表格的排版方法，熟练掌握嵌套表格结合单元格合并拆分排版网页的方法，了解手绘表格、单元格排版的方法以及网页排版时注意的问题。
教学内容
1.表格及表格元素标记
2.表格及表格元素属性
3.表格的基本操作方法
4.表格按网页结构排版
5.单元格合并与拆分对网页排版
6.表格嵌套排版
7.手绘表格排版
8.使用表格排版制作综合实例
9.表格排版应注意的问题
教学方法建议与说明（方法、手段、教学做一体等）
1.引导教学法、2.项目驱动法、3.案例分析法、4.分组讨论法、5.课堂互相测评法
考核与评价方式
单元实践、期末考试、综合实训
教学辅助材料
1.电子课件、2.课堂实践评价表、3.学习任务书
4.课程网站：
、
、内容七（模板使用）见表
表“模板使用”
内容
模板使用
学时
4
教学目标
理解模板的概念，掌握模板中可编辑区域和不可编辑区域的插入方法，掌握模板批量制作和更新网页的方法
教学内容
1.模板的概念
2.可编辑区域与不可编辑区域的使用
3.使用模板批量制作网页
4.使用模板批量更新网页
教学方法建议与说明（方法、手段、教学做一体等）
1.引导教学法、2.项目驱动法、3.案例分析法、4.分组讨论法、5.课堂互相测评法
考核与评价方式
单元实践、期末考试、综合实训
教学辅助材料
1.电子课件、2.课堂实践评价表、3.学习任务书
4.课程网站：
、
、内容八（框架的使用）见表
表“框架的使用”
内容
框架的使用
学时
4
教学目标
掌握框架的概念及标记，掌握两栏框架页面的制作方法，掌握框架和框架集的属性修改和保存方法，掌握浮动框架的使用技巧
教学内容
1.框架的概念及标记
2.框架和框架集的保存方法
3.学习制作两栏框架网页
4.设置框架网页超链接
5.使用浮动框架制作网页嵌套
教学方法建议与说明（方法、手段、教学做一体等）
1.引导教学法、2.项目驱动法、3.案例分析法、4.分组讨论法、5.课堂互相测评法
考核与评价方式
单元实践、期末考试、综合实训
教学辅助材料
1.电子课件、2.课堂实践评价表、3.学习任务书
4.课程网站：
、
、内容九（AP元素使用）见表
表“AP元素使用”
内容
AP元素使用
学时
4
教学目标
掌握层元素标记和属性的含义，掌握层的浮动与定位功能，熟练掌握层结合时间轴做漂浮动画的方法和思路
教学内容
1.层元素标记及属性
2.层的基本操作
3.层的浮动与定位
4.层结合时间轴实现漂浮动画
教学方法建议与说明（方法、手段、教学做一体等）
1.引导教学法、2.项目驱动法、3.案例分析法、4.分组讨论法、5.课堂互相测评法
考核与评价方式
单元实践、期末考试、综合实训
教学辅助材料
1.电子课件、2.课堂实践评价表、3.学习任务书
4.课程网站：
、
、内容十（表单的使用）见表
表“表单的使用”
内容
表单的使用
学时
8
教学目标
了解表单的功能，服务器和客户端交互的方法，熟练掌握表单标记及其属性，熟练掌握表单元素标记及其属性，并能使用代码模式书写表单，熟练掌握在设计和代码视图模式下制作表单的方法，掌握表单及其表单元素的美化方法，掌握表单在网页中的制作技巧，理解表单数据提交方式
教学内容
1.表单的功能
2.表单标记及其属性
3.表单元素标记及其属性
4.在Dreamweaver中制作表单
5.表单数据提交方式
6.表单元素美化
7.表单制作技巧
教学方法建议与说明（方法、手段、教学做一体等）
1.引导教学法、2.项目驱动法、3.案例分析法、4.分组讨论法、5.课堂互相测评法
考核与评价方式
单元实践、期末考试、综合实训
教学辅助材料
1.电子课件、2.课堂实践评价表、3.学习任务书
4.课程网站：
、
、内容十一（客户端行为）见表
表“客户端行为”
内容
客户端行为
学时
8
教学目标
掌握行为、动作、事件的概念，熟练掌握行为面板的操作方法，使用常见的行为来制作客户端动态效果，掌握常见的事件类型及触发方式
教学内容
1.行为、事件、动作概念
2.行为面板的使用
3.常见行为的使用方法
4.事件类型
教学方法建议与说明（方法、手段、教学做一体等）
1.引导教学法、2.项目驱动法、3.案例分析法、4.分组讨论法、5.课堂互相测评法
考核与评价方式
单元实践、期末考试、综合实训
教学辅助材料
1.电子课件、2.课堂实践评价表、3.学习任务书
4.课程网站：
、
、内容十二（层叠样式表）见表
表“层叠样式表”
内容
层叠样式表
学时
10
教学目标
掌握样式表的概念，掌握样式表语法格式及书写位置，掌握外部样式表的调用，掌握样式表属性及其属性分类（样式表简写法则），熟练书写样式表并能掌握控制网页外观的方法，掌握样式表的冲突与继承，掌握样式表的优先级顺序
教学内容
1.层叠样式表的概念
2.层叠样式表的书写位置
3.层叠样式表的语法格式
4.层叠样式表实现与网页分离及样式表的调用方法
5.层叠样式表的分类
6.样式表属性及属性值
7.不同类别样式表的应用范围及调用
8.样式表冲突
9.样式表继承
10.样式表优先级
11.复合样式表选择符
教学方法建议与说明（方法、手段、教学做一体等）
1.引导教学法、2.项目驱动法、3.案例分析法、4.分组讨论法、5.课堂互相测评法
考核与评价方式
单元实践、期末考试、综合实训
教学辅助材料
1.电子课件、2.课堂实践评价表、3.学习任务书
4.课程网站：
、
、内容十三（服务器行为）见表
表“服务器行为”
内容
服务器行为
学时
12
教学目标
了解服务器行为的概念，熟练掌握不同数据库链接的方法，熟练掌握各种服务器行为来实现对数据表的插入、更新、删除、查询等操作，掌握数据页面的批量显示和分页的方法，熟练掌握多表联合查询创建记录集的方法，掌握留言板的制作方法，掌握新闻管理系统前后台设计与制作方法
教学内容
1.服务器行为的概念
2.使用OLEDB,ODBC,DSN链接数据库的方法
3.创建记录集
4.插入记录行为
5.更新记录行为
6.删除记录行为
7.用户登录行为
8.重复区域显示行为
9.分页行为
10.多表联合查询
11.留言板前台、后台、数据库设计
12.新闻管理系统前台、后台、数据库设计
教学方法建议与说明（方法、手段、教学做一体等）
1.引导教学法、2.项目驱动法、3.案例分析法、4.分组讨论法、5.课堂互相测评法
考核与评价方式
单元实践、期末考试、综合实训
教学辅助材料
1.电子课件、2.课堂实践评价表、3.学习任务书
4.课程网站：
、
八、考核方式
1、课程考核方式：
课程考核方式见表
课程考核方式
考核项目
考核方法
比例（%）
过
程
考
核
态度纪律
根据作业完成情况、课堂回答问题、课堂实践示范情况，由教师和学生干部综合评定学校态度的得分；
根据上课考勤情况，由教师和学生干部评定纪律得分。
10%
项目技能
根据学生实践情况，由学生自评、他人评价和教师评价相结合的方式评定成绩；
根据完成的时间、功能的完善、程序是否有创新，由小组长评定和
教师抽评相结合的方式评定成绩。
30%
期
末
考
核
考试（笔试）
由教师评定笔试成绩。
60%
操作（机试）
由教师根据项目完成情况、系统功能、编程规范来评定上机考试成绩。
合计
100%
2、课程考核标准
态度纪律考核标准参见表。
表态度纪律考核标准
考核
考核
比例
评价标准
优秀（86~100）
良好（70~85）
及格（60~69）
1.课堂学习
30%
没有缺勤情况；
能够爱护实训场地设备和卫生。
缺勤10%以下；
能够爱护实训场地设备和卫生；
能向老师提问，并回答问题。
缺勤30%以下；
能够爱护实训场地设备和卫生；
能基本回答教师提问。
2.课外学习
30%
能按时完成课外拓展练习；
能积极参加网上讨论活动；
能积极主动地进行自我学习。
能按时完成80%的课外拓展训练；
能参加网上讨论活动；
能进行自我学习。
能按时完成60%的课外拓展练习；
能参加网上讨论活动。
3.小组
升级会员 