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

1、网页设计与制作课程标准课程代码： 502043 参考学时： 90 学 分： 4 课程类型： 专业课 2015年 1 月编一、 适用专业计算机应用技术（3年制中职，5年制高职）二、 开课时间第4学期三、 课程定位1、课程性质本课程是计算机应用技术（3年制中职，5年制高职）的专业课程。2、教学任务本课程主要以dreamweaver软件为操作平台，针对职业教育网络技术专业中理论结合实践的特点，以培养高技能应用型人才为目标，重点加强学生的理论基础和训练学生的实际操作能力。在教学知识模块上首先介绍网页的相关知识，学习html标记语言，在此基础上深入学习dreamweaver软件的操作方法以及网页元素在网

2、页中的使用技巧，锻炼学生网页的排版设计能力，最后通过样式表、客户端脚本、服务器行为的学习让学生熟悉并掌握开发简单动态网站的能力。在本课程的实践教学内容中，选取紧密联系实际的项目并进行详细分解，重点培养学生的静态、动态网页制作能力、具备网站的建立和维护能力、独立思考、解决问题以及自主创新的能力。四、课程培养目标1、方法能力目标1) 培养学生谦虚、好学的品质；2) 培养学生勤于思考、做事严谨的良好作风；3) 培养学生良好的职业道德；4) 培养学生事物美的观念；2、 社会能力目标1) 培养学生的团队协作精神；2) 培养学生分析问题、解决问题的能力；3) 培养学生勇于创新、敬业乐业的工作作风；4) 培

3、养学生诚实、守信、坚忍不拔的性格。3、 专业能力目标1) 掌握网页设计相关知识、网页元素组成、网页结构、网站开发流程、网页设计与制作工具；2) 掌握html标记语言并能够熟练使用标记元素来书写网页框架；3) 掌握dreamweaver软件的使用方法；学习文本、图像等多媒体元素在网页中的使用技巧；4) 熟练掌握表格的弹性控制及表格元素标记的使用方法并能应用单元格的合并拆分、表格嵌套来完成网页的排版；5) 掌握模板的使用方法；熟练应用模板来制作、修改、批量更新网页；6) 掌握两栏框架的制作方法和使用浮动框架嵌套网页的技巧；7) 熟悉ap元素的浮动和定位并能结合时间轴来实现多个ap元素的动画效果；8

4、) 熟练掌握表单的制作方法、表单元素标记、了解网页通过表单来提交数据的原理；9) 掌握网页中客户端行为的概念；能够使用常见的客户端行为来制作前台页面的动态效果；10) 掌握样式表对网页的外观和格式的控制、样式表的冲突与继承并能够熟练书写样式；11) 熟练掌握服务器行为的概念、连接数据库、插入、修改、更新、删除操作记录；能够使用服务器行为开发简单的动态网站。五、课程衔接在课程设置上，前导课程有photoshop高级应用，后续课程有网站建设六、教学内容与学时分配教学学时数分配见下表6.1所示表6.1教学内容与学时分配序号教学内容（项目、情景）理论学时实践学时习题学时合计1k1-1-1 网页、网站概

5、念k1-1-2 浏览器、b/s、链接概念k1-1-3 ip地址、域名概念k1-1-4 url地址、http协议概念k1-1-5 网页组成k1-1-6 网站开发流程k1-1-7 网页设计与制作工具22042k1-2-1 html标记语法k1-2-2 html书写网页结构k1-2-3 html中head内标记k1-2-4 html文本类标记k1-2-5 html多媒体类标记42063k1-3-1 dreamweaver软件的版本、安装、启动与界面认识k1-3-2 dreamweaver三种不同视图模式在网页编辑时的作用k1-3-3 常见的浮动面板以及功能k1-3-4 对象面板中网页元素以及使用方法

6、k1-3-5 属性面板对元素的编辑与修改方法22044k1-4-1 使用代码和对象两种模式来书写文本k1-4-2 属性面板中对文本的修改和设置方法k1-4-3 文本的行、段落控制方法和文字底色搭配技巧22045k1-5-1 网页图像类型及区别k1-5-2 设置网页中图像参数k1-5-3 图像翻转k1-5-4 图像导航条k1-5-5 图像热区k1-5-6 图像轮显44086k1-6-1 表格及表格元素标记k1-6-2 表格及表格元素属性k1-6-3 表格的基本操作方法k1-6-4 表格按网页结构排版k1-6-5单元格合并与拆分对网页排版k1-6-6 表格嵌套排版k1-6-7 手绘表格排版k1-6

7、-8 使用表格排版制作综合实例k1-6-9表格排版应注意的问题860147k1-7-1 模板的概念k1-7-2 可编辑区域与不可编辑区域的使用k1-7-3 使用模板批量制作网页k1-7-4 使用模板批量更新网页22048k1-8-1 框架的概念及标记k1-8-2 框架和框架集的保存方法k1-8-3 学习制作两栏框架网页k1-8-4 设置框架网页超链接k1-8-5使用浮动框架制作网页嵌套22049k1-9-1 层元素标记及属性k1-9-2 层的基本操作k1-9-3 层的浮动与定位k1-9-4 层结合时间轴实现漂浮动画220410k1-10-1 表单的功能k1-10-2 表单标记及其属性k1-10

8、-3 表单元素标记及其属性k1-10-4 在dreamweaver中制作表单k1-10-5表单数据提交方式k1-10-6 表单元素美化k1-10-7 表单制作技巧440811k1-11-1 行为、事件、动作概念k1-11-2 行为面板的使用k1-11-3 常见行为的使用方法k1-11-4 事件类型440812k1-12-1 层叠样式表的概念k1-12-2 层叠样式表的书写位置k1-12-3 层叠样式表的语法格式k1-12-4 层叠样式表实现与网页分离及样式表的调用方法k1-12-5层叠样式表的分类k1-12-6 样式表属性及属性值k1-12-7 不同类别样式表的应用范围及调用k1-12-8 样

9、式表冲突k1-12-9样式表继承k1-12-10样式表优先级k1-12-11复合样式表选择符6401013k1-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新闻管理系统前台、后台、数据库设计84012合 计5040090百分比56%44%0%100%课程实验内容见下表编号实验

10、名称教学方法实验1认识域名、ip、url组成、浏览器、网页、网页制作工具 教师演示和学生实操实验2使用html编写网页（记事本或者editplus）教师演示和学生实操实验3安装启动dreamweaver，认识界面教师演示和学生实操实验4认识dreamweaver三种视图模式和各种面板教师演示和学生实操实验5dremaeaver中各种面板的协同操作（演示制作网页流程）教师演示和学生实操实验6dreamweaver文本排版的方法和技巧教师演示和学生实操实验7图像翻转的制作教师演示和学生实操实验8图像导航条制作教师演示和学生实操实验9图像热区制作教师演示和学生实操实验10图像轮显制作教师演示和学生实

11、操实验11使用标记来书写表格结构教师演示和学生实操实验12使用表格来制作第一个网页教师演示和学生实操实验13单元格合并与拆分对网页进行排版教师演示和学生实操实验14使用表格的嵌套排版教师演示和学生实操实验15使用手绘表格的方式来进行排版教师演示和学生实操实验16多种排版方式结合的使用教师演示和学生实操实验17使用模板批量制作、更新网页教师演示和学生实操实验18使用两栏框架网页、使用浮动框架制作随意嵌套网页教师演示和学生实操实验19使用ap元素结合时间轴制作漂浮动画教师演示和学生实操实验20制作用户登录表单教师演示和学生实操实验21学习制作用户注册表单教师演示和学生实操实验22学习对各种表单元素

12、进行美化并应用到表单中教师演示和学生实操实验23使用客户端行为制作下拉菜单教师演示和学生实操实验24使用行为实现声音的控制播放教师演示和学生实操实验25使用行为实现可编辑区域内对象的改变教师演示和学生实操实验26样式表的书写规范和语法教师演示和学生实操实验27样式表的分类及调用教师演示和学生实操实验28样式表控制网页外观和排版教师演示和学生实操实验29样式表冲突与继承教师演示和学生实操实验30使用dreamweaver链接数据库的三种方法教师演示和学生实操实验31创建记录集、插入、修改、更新、删除、查询记录的方法教师演示和学生实操实验32重复区域、分页的使用教师演示和学生实操实验33多表联合查

13、询的方法教师演示和学生实操七、教学内容和进程1、内容一（网页基础）见表7.1表7.1“网页基础”内容网页基础学时4教学目标掌握网页相关基本概念, 掌握网页制作开发流程, 掌握常用的网页设计与制作工具教学内容1. 网页、网站概念2. 浏览器、b/s、链接概念3. ip地址、域名概念4. url地址、http协议概念5 .网页组成教学方法建议与说明（方法、手段、教学做一体等）1. 引导教学法、2. 项目驱动法、3. 案例分析法、4. 分组讨论法、5.课堂互相测评法考核与评价方式单元实践、期末考试、综合实训教学辅助材料1. 电子课件、2. 课堂实践评价表、3. 学习任务书4.课程网站：http:/s

14、:88/2x/09 、/web/xiaozhu2、内容二（html标记）见表7.2表7.2“html标记”内容html标记学时6教学目标掌握html标记语法格式、掌握html标记书写规范，熟练掌握html常见标记，熟练掌握用html标记来书写简单的网页并能够调试教学内容1. html标记语法2. html书写网页结构3. html中head内标记4. html文本类标记5. html多媒体类标记教学方法建议与说明（方法、手段、教学做一体等）1. 引导教学法、2. 项目驱动法、3. 案例分析法、4. 分组讨论法、5.课堂互相测评法考

15、核与评价方式单元实践、期末考试、综合实训教学辅助材料1. 电子课件、2. 课堂实践评价表、3. 学习任务书4.课程网站：:88/2x/09 、/web/xiaozhu3、内容三（dreamweaver软件使用）见表7.3表7.3“dreamweaver软件使用”内容dreamweaver软件使用学时4教学目标认识并熟悉dreamweaver软件界面，掌握在dreamweaver中网页的制作流程（面板如何协同配合使用），掌握三种视图模式，掌握网页页面设置方法教学内容1. dreamweaver软件的版本、安装、启动与界

16、面认识2. dreamweaver三种不同视图模式在网页编辑时的作用3. 常见的浮动面板以及功能4. 对象面板中网页元素以及使用方法5. 属性面板对元素的编辑与修改方法教学方法建议与说明（方法、手段、教学做一体等）1. 引导教学法、2. 项目驱动法、3. 案例分析法、4. 分组讨论法、5.课堂互相测评法考核与评价方式单元实践、期末考试、综合实训教学辅助材料1. 电子课件、2. 课堂实践评价表、3. 学习任务书4.课程网站：:88/2x/09 、/web/xiaozhu4、内容四（文本排版）见表7.4表7.4“文本排版

17、”内容文本排版学时4教学目标掌握代码和对象模式下控制文本排版的方法，掌握文本行间距的控制方法；、 、标记的使用技巧，掌握前背景颜色搭配的方法教学内容1. 使用代码和对象两种模式来书写文本2. 属性面板中对文本的修改和设置方法3. 文本的行、段落控制方法和文字底色搭配技巧教学方法建议与说明（方法、手段、教学做一体等）1. 引导教学法、2. 项目驱动法、3. 案例分析法、4. 分组讨论法、5.课堂互相测评法考核与评价方式单元实践、期末考试、综合实训教学辅助材料1. 电子课件、2. 课堂实践评价表、3. 学习任务书4.课程网站：:88/2x/09 、

18、/web/xiaozhu5、内容五（图像使用）见表7.5表7.5“图像使用”内容图像使用学时8教学目标掌握网页图像的三种类型以及何时该用何种图像类型，掌握图像属性的设置，理解图像翻转的概念，熟练掌握图像翻转的制作方法，理解图像导航条的概念，熟练掌握图像导航条的制作方法，理解图像热区的概念，熟练掌握图像热区给一幅图设置不同超链接的方法，理解图像轮显的概念，熟练掌握图像轮显的修改方法教学内容1. 网页图像类型及区别2. 设置网页中图像参数3. 图像翻转4. 图像导航条5. 图像热区6. 图像轮显教学方法建议与说明（方法、手段、教学做一体等）1. 引导教学法、2

19、. 项目驱动法、3. 案例分析法、4. 分组讨论法、5.课堂互相测评法考核与评价方式单元实践、期末考试、综合实训教学辅助材料1. 电子课件、2. 课堂实践评价表、3. 学习任务书4.课程网站：:88/2x/09 、/web/xiaozhu6、内容六（表格排版）见表7.6表7.6“表格排版”内容表格排版学时14教学目标熟练掌握表格及表格元素标记的书写方法，理解表格及表格元素的属性及用途，掌握表格选择、单元格选择、行列选择、行列交换、剪切、粘贴的方法和技巧，掌握按网页头、网页主体、网页版权使用分块表格对网页进行排版的方法

20、，熟练掌握单元格合并拆分对网页的排版方法，熟练掌握嵌套表格的排版方法，熟练掌握嵌套表格结合单元格合并拆分排版网页的方法，了解手绘表格、单元格排版的方法以及网页排版时注意的问题。教学内容1. 表格及表格元素标记2. 表格及表格元素属性3. 表格的基本操作方法4. 表格按网页结构排版5. 单元格合并与拆分对网页排版6. 表格嵌套排版7. 手绘表格排版8. 使用表格排版制作综合实例9. 表格排版应注意的问题教学方法建议与说明（方法、手段、教学做一体等）1. 引导教学法、2. 项目驱动法、3. 案例分析法、4. 分组讨论法、5.课堂互相测评法考核与评价方式单元实践、期末考试、综合实训教学辅助材料1.

21、电子课件、2. 课堂实践评价表、3. 学习任务书4.课程网站：:88/2x/09 、/web/xiaozhu7、内容七（模板使用）见表7.7表7.7“模板使用”内容模板使用学时4教学目标理解模板的概念，掌握模板中可编辑区域和不可编辑区域的插入方法，掌握模板批量制作和更新网页的方法教学内容1. 模板的概念2. 可编辑区域与不可编辑区域的使用3. 使用模板批量制作网页4. 使用模板批量更新网页教学方法建议与说明（方法、手段、教学做一体等）1. 引导教学法、2. 项目驱动法、3. 案例分析法、4. 分组讨论法、5.课堂互相

22、测评法考核与评价方式单元实践、期末考试、综合实训教学辅助材料1. 电子课件、2. 课堂实践评价表、3. 学习任务书4.课程网站：:88/2x/09 、/web/xiaozhu8、内容八（框架的使用）见表7.8表7.8“框架的使用”内容框架的使用学时4教学目标掌握框架的概念及标记，掌握两栏框架页面的制作方法，掌握框架和框架集的属性修改和保存方法，掌握浮动框架的使用技巧教学内容1. 框架的概念及标记2. 框架和框架集的保存方法3. 学习制作两栏框架网页4. 设置框架网页超链接5. 使用浮动框架制作网页嵌套教学方法建议与说

23、明（方法、手段、教学做一体等）1. 引导教学法、2. 项目驱动法、3. 案例分析法、4. 分组讨论法、5.课堂互相测评法考核与评价方式单元实践、期末考试、综合实训教学辅助材料1. 电子课件、2. 课堂实践评价表、3. 学习任务书4.课程网站：:88/2x/09 、/web/xiaozhu9、内容九（ap元素使用）见表7.9表7.9“ap元素使用”内容ap元素使用学时4教学目标掌握层元素标记和属性的含义，掌握层的浮动与定位功能，熟练掌握层结合时间轴做漂浮动画的方法和思路教学内容1. 层元素标记及属性2. 层的基本操作3

24、. 层的浮动与定位4. 层结合时间轴实现漂浮动画教学方法建议与说明（方法、手段、教学做一体等）1. 引导教学法、2. 项目驱动法、3. 案例分析法、4. 分组讨论法、5.课堂互相测评法考核与评价方式单元实践、期末考试、综合实训教学辅助材料1. 电子课件、2. 课堂实践评价表、3. 学习任务书4.课程网站：:88/2x/09 、/web/xiaozhu10、内容十（表单的使用）见表7.10表7.10“表单的使用”内容表单的使用学时8教学目标了解表单的功能，服务器和客户端交互的方法，熟练掌握表单标记及其属性，熟练掌握表单

25、元素标记及其属性，并能使用代码模式书写表单，熟练掌握在设计和代码视图模式下制作表单的方法，掌握表单及其表单元素的美化方法，掌握表单在网页中的制作技巧，理解表单数据提交方式教学内容1. 表单的功能2. 表单标记及其属性3. 表单元素标记及其属性4. 在dreamweaver中制作表单5. 表单数据提交方式6. 表单元素美化7. 表单制作技巧教学方法建议与说明（方法、手段、教学做一体等）1. 引导教学法、2. 项目驱动法、3. 案例分析法、4. 分组讨论法、5.课堂互相测评法考核与评价方式单元实践、期末考试、综合实训教学辅助材料1. 电子课件、2. 课堂实践评价表、3. 学习任务书4.课程网站：h

26、ttp:/:88/2x/09 、/web/xiaozhu11、内容十一（客户端行为）见表7.11表7.11“客户端行为”内容客户端行为学时8教学目标掌握行为、动作、事件的概念，熟练掌握行为面板的操作方法，使用常见的行为来制作客户端动态效果，掌握常见的事件类型及触发方式教学内容1. 行为、事件、动作概念2. 行为面板的使用3. 常见行为的使用方法4. 事件类型教学方法建议与说明（方法、手段、教学做一体等）1. 引导教学法、2. 项目驱动法、3. 案例分析法、4. 分组讨论法、5.课堂互相测评法考核与评价方式单元实践、期末考试、综合

27、实训教学辅助材料1. 电子课件、2. 课堂实践评价表、3. 学习任务书4.课程网站：:88/2x/09 、/web/xiaozhu12、内容十二（层叠样式表）见表7.12表7.12“层叠样式表”内容层叠样式表学时10教学目标掌握样式表的概念，掌握样式表语法格式及书写位置，掌握外部样式表的调用，掌握样式表属性及其属性分类（样式表简写法则），熟练书写样式表并能掌握控制网页外观的方法，掌握样式表的冲突与继承，掌握样式表的优先级顺序教学内容1. 层叠样式表的概念2. 层叠样式表的书写位置3. 层叠样式表的语法格式4. 层叠样

28、式表实现与网页分离及样式表的调用方法5. 层叠样式表的分类6. 样式表属性及属性值7. 不同类别样式表的应用范围及调用8. 样式表冲突9. 样式表继承10. 样式表优先级11. 复合样式表选择符教学方法建议与说明（方法、手段、教学做一体等）1. 引导教学法、2. 项目驱动法、3. 案例分析法、4. 分组讨论法、5.课堂互相测评法考核与评价方式单元实践、期末考试、综合实训教学辅助材料1. 电子课件、2. 课堂实践评价表、3. 学习任务书4.课程网站：:88/2x/09 、/web/xiaozhu13、内容十三（服务器行

29、为）见表7.13表7.13“服务器行为”内容服务器行为学时12教学目标了解服务器行为的概念，熟练掌握不同数据库链接的方法，熟练掌握各种服务器行为来实现对数据表的插入、更新、删除、查询等操作，掌握数据页面的批量显示和分页的方法，熟练掌握多表联合查询创建记录集的方法，掌握留言板的制作方法，掌握新闻管理系统前后台设计与制作方法教学内容1. 服务器行为的概念2. 使用oledb,odbc,dsn链接数据库的方法3. 创建记录集4. 插入记录行为5. 更新记录行为6. 删除记录行为7. 用户登录行为8. 重复区域显示行为9. 分页行为10.多表联合查询11.留言板前台、后台、数据库设计12.新闻管理系统

30、前台、后台、数据库设计教学方法建议与说明（方法、手段、教学做一体等）1. 引导教学法、2. 项目驱动法、3. 案例分析法、4. 分组讨论法、5.课堂互相测评法考核与评价方式单元实践、期末考试、综合实训教学辅助材料1. 电子课件、2. 课堂实践评价表、3. 学习任务书4.课程网站：:88/2x/09 、/web/xiaozhu八、考核方式1、课程考核方式：课程考核方式见表8.18.1课程考核方式考核项目考核方法比例（%）过程考核态度纪律根据作业完成情况、课堂回答问题、课堂实践示范情况，由教师和学生干部综合评定学校态度的

31、得分；根据上课考勤情况，由教师和学生干部评定纪律得分。10%项目技能根据学生实践情况，由学生自评、他人评价和教师评价相结合的方式评定成绩；根据完成的时间、功能的完善、程序是否有创新，由小组长评定和教师抽评相结合的方式评定成绩。30%期末考核考试（笔试）由教师评定笔试成绩。60%操作（机试）由教师根据项目完成情况、系统功能、编程规范来评定上机考试成绩。合计100%2、 课程考核标准态度纪律考核标准参见表8.2。表8.2 态度纪律考核标准考核考核比例评 价 标 准优秀（86 100）良好（70 85）及格（60 69）1. 课堂学习30%没有缺勤情况；能够爱护实训场地设备和卫生。缺勤10%以下；能

32、够爱护实训场地设备和卫生；能向老师提问，并回答问题。缺勤30%以下；能够爱护实训场地设备和卫生；能基本回答教师提问。2. 课外学习30%能按时完成课外拓展练习；能积极参加网上讨论活动；能积极主动地进行自我学习。能按时完成80%的课外拓展训练；能参加网上讨论活动；能进行自我学习。能按时完成60%的课外拓展练习；能参加网上讨论活动。3. 小组学习30%能积极参加小组活动；能主动代表小组参与小组间的竞赛；能提出合理化的建议，积极组织小组学习活动；能帮助或辅导小组成员进行有效的学习。能积极参加小组活动；能提出合理化的建议；能帮助或辅导小组成员进行有效的学习。能参加小组活动；能在小组成员的辅导下进行有效

33、的学习。合 计100%项目技能考核标准参见表8.3。表8.3 项目技能考核标准考 核 点考核比例考核内容优秀（86 100）良好（70 85）及格（60 69）1. 系统实现70%能综合运用相关教学单元知识很好地完成单元实践；能在规定的时间内完成实践。能综合运用相关教学单元知识完成单元实践；能在规定的时间内完成实践。能基本完成单元实践；能在规定的时间内完成实践。2. 创新能力15%能积极、主动地发现问题、分析问题和解决问题；有创新；采用了优化方案。能发现问题并通过各种途径解决问题；有一定的创新。能发现问题,并在他人的帮助下解决问题；局部方案有新意。3. 表达沟通15%能对系统分析与实现正确讲解；能正确回答问题；能辅导他人完成单元实践。能较正确地对系统分析与实现进行讲解；能回答问题。能对系统分析与实现进行讲解；能回答部分问题。合计100%期末考试考核标准参见表8.4。表8.4 期末考试考核标准序号教学模块考核的知识点比例1网页基础网页、网站概念，浏览器、b/s、链接概念，ip地址、域名概念，url地址、http协议概念，网页设计与制作工具5%2html标记html标记语法，html书写网页结构，tml文本类标记，html多媒体类标记5%3dreamweaver软件使用dreamwea