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

网页设计与制作课程标准课程代码：102042参考学时：90学 分：4课程类型：职业基础课2013年 1 月编一、 适用专业计算机网络技术、计算机应用技术、电子商务二、 开课时间计算机网络技术专业第一学期计算机应用技术专业第二学期电子商务专业第二学期三、 课程定位1、课程性质本课程是计算机网络技术、计算机应用技术、电子商务专业的专业基础课程。2、教学任务本课程主要以Dreamweaver软件为操作平台，针对职业教育网络技术专业中理论结合实践的特点，以培养高技能应用型人才为目标，重点加强学生的理论基础和训练学生的实际操作能力。在教学知识模块上首先介绍网页的相关知识，学习HTML标记语言，在此基础上深入学习Dreamweaver软件的操作方法以及网页元素在网页中的使用技巧，锻炼学生网页的排版设计能力，最后通过样式表、客户端脚本、服务器行为的学习让学生熟悉并掌握开发简单动态网站的能力。在本课程的实践教学内容中，选取紧密联系实际的项目并进行详细分解，重点培养学生的静态、动态网页制作能力、具备网站的建立和维护能力、独立思考、解决问题以及自主创新的能力。四、课程培养目标1、方法能力目标1) 培养学生谦虚、好学的品质；2) 培养学生勤于思考、做事严谨的良好作风；3) 培养学生良好的职业道德；4) 培养学生事物美的观念；2、 社会能力目标1) 培养学生的团队协作精神；2) 培养学生分析问题、解决问题的能力；3) 培养学生勇于创新、敬业乐业的工作作风；4) 培养学生诚实、守信、坚忍不拔的性格。3、 专业能力目标1) 掌握网页设计相关知识、网页元素组成、网页结构、网站开发流程、网页设计与制作工具；2) 掌握HTML标记语言并能够熟练使用标记元素来书写网页框架；3) 掌握Dreamweaver软件的使用方法；学习文本、图像等多媒体元素在网页中的使用技巧；4) 熟练掌握表格的弹性控制及表格元素标记的使用方法并能应用单元格的合并拆分、表格嵌套来完成网页的排版；5) 掌握模板的使用方法；熟练应用模板来制作、修改、批量更新网页；6) 掌握两栏框架的制作方法和使用浮动框架嵌套网页的技巧；7) 熟悉AP元素的浮动和定位并能结合时间轴来实现多个AP元素的动画效果；8) 熟练掌握表单的制作方法、表单元素标记、了解网页通过表单来提交数据的原理；9) 掌握网页中客户端行为的概念；能够使用常见的客户端行为来制作前台页面的动态效果；10) 掌握样式表对网页的外观和格式的控制、样式表的冲突与继承并能够熟练书写样式；11) 熟练掌握服务器行为的概念、连接数据库、插入、修改、更新、删除操作记录；能够使用服务器行为开发简单的动态网站。五、课程衔接在课程设置上，前导课程有网络基础、网络数据库，后续课程有网络程序设计ASP.net六、教学内容与学时分配教学学时数分配见下表6.1所示表6.1教学内容与学时分配序号教学内容（项目、情景）理论学时实践学时习题学时合计1网页、网站概念浏览器、B/S、链接概念IP地址、域名概念URL地址、 协议概念网页组成网站开发流程网页设计与制作工具22042HTML标记语法HTML书写网页结构HTML中HEAD内标记HTML文本类标记HTML多媒体类标记42063Dreamweaver软件的版本、安装、启动与界面认识Dreamweaver三种不同视图模式在网页编辑时的作用常见的浮动面板以及功能对象面板中网页元素以及使用方法属性面板对元素的编辑与修改方法22044使用代码和对象两种模式来书写文本属性面板中对文本的修改和设置方法文本的行、段落控制方法和文字底色搭配技巧22045网页图像类型及区别设置网页中图像参数图像翻转图像导航条图像热区图像轮显44086表格及表格元素标记表格及表格元素属性表格的基本操作方法表格按网页结构排版单元格合并与拆分对网页排版表格嵌套排版手绘表格排版使用表格排版制作综合实例表格排版应注意的问题860147模板的概念可编辑区域与不可编辑区域的使用使用模板批量制作网页使用模板批量更新网页22048框架的概念及标记框架和框架集的保存方法学习制作两栏框架网页设置框架网页超链接使用浮动框架制作网页嵌套22049层元素标记及属性层的基本操作层的浮动与定位层结合时间轴实现漂浮动画220410表单的功能表单标记及其属性表单元素标记及其属性在Dreamweaver中制作表单表单数据提交方式表单元素美化表单制作技巧440811行为、事件、动作概念行为面板的使用常见行为的使用方法事件类型440812层叠样式表的概念层叠样式表的书写位置层叠样式表的语法格式层叠样式表实现与网页分离及样式表的调用方法层叠样式表的分类样式表属性及属性值不同类别样式表的应用范围及调用样式表冲突样式表继承样式表优先级复合样式表选择符6401013服务器行为的概念使用OLEDB,ODBC,DSN链接数据库的方法创建记录集插入记录行为更新记录行为删除记录行为用户登录行为重复区域显示行为分页行为多表联合查询留言板前台、后台、数据库设计新闻管理系统前台、后台、数据库设计84012合 计5040090百分比56%44%0%100%课程实验内容见下表编号实验名称教学方法实验1认识域名、IP、URL组成、浏览器、网页、网页制作工具 教师演示和学生实操实验2使用HTML编写网页（记事本或者EDITPLUS）教师演示和学生实操实验3安装启动Dreamweaver，认识界面教师演示和学生实操实验4认识Dreamweaver三种视图模式和各种面板教师演示和学生实操实验5Dremaeaver中各种面板的协同操作（演示制作网页流程）教师演示和学生实操实验6Dreamweaver文本排版的方法和技巧教师演示和学生实操实验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、内容一（网页基础）见表7.1表7.1“网页基础”内容网页基础学时4教学目标掌握网页相关基本概念, 掌握网页制作开发流程, 掌握常用的网页设计与制作工具教学内容1. 网页、网站概念2. 浏览器、B/S、链接概念3. IP地址、域名概念4. URL地址、 协议概念5 .网页组成教学方法建议与说明（方法、手段、教学做一体等）1. 引导教学法、2. 项目驱动法、3. 案例分析法、4. 分组讨论法、5.课堂互相测评法考核与评价方式单元实践、期末考试、综合实训教学辅助材料1. 电子课件、2. 课堂实践评价表、3. 学习任务书4.课程网站： :/sfyx.gzeic :88/2x/09 2、内容二（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.课堂互相测评法考核与评价方式单元实践、期末考试、综合实训教学辅助材料1. 电子课件、2. 课堂实践评价表、3. 学习任务书3、内容三（Dreamweaver软件使用）见表7.3表7.3“Dreamweaver软件使用”内容Dreamweaver软件使用学时4教学目标认识并熟悉Dreamweaver软件界面，掌握在Dreamweaver中网页的制作流程（面板如何协同配合使用），掌握三种视图模式，掌握网页页面设置方法教学内容1. Dreamweaver软件的版本、安装、启动与界面认识2. Dreamweaver三种不同视图模式在网页编辑时的作用3. 常见的浮动面板以及功能4. 对象面板中网页元素以及使用方法5. 属性面板对元素的编辑与修改方法教学方法建议与说明（方法、手段、教学做一体等）1. 引导教学法、2. 项目驱动法、3. 案例分析法、4. 分组讨论法、5.课堂互相测评法考核与评价方式单元实践、期末考试、综合实训教学辅助材料1. 电子课件、2. 课堂实践评价表、3. 学习任务书4、内容四（文本排版）见表7.4表7.4“文本排版”内容文本排版学时4教学目标掌握代码和对象模式下控制文本排版的方法，掌握文本行间距的控制方法；、 、标记的使用技巧，掌握前背景颜色搭配的方法教学内容1. 使用代码和对象两种模式来书写文本2. 属性面板中对文本的修改和设置方法3. 文本的行、段落控制方法和文字底色搭配技巧教学方法建议与说明（方法、手段、教学做一体等）1. 引导教学法、2. 项目驱动法、3. 案例分析法、4. 分组讨论法、5.课堂互相测评法考核与评价方式单元实践、期末考试、综合实训教学辅助材料1. 电子课件、2. 课堂实践评价表、3. 学习任务书5、内容五（图像使用）见表7.5表7.5“图像使用”内容图像使用学时8教学目标掌握网页图像的三种类型以及何时该用何种图像类型，掌握图像属性的设置，理解图像翻转的概念，熟练掌握图像翻转的制作方法，理解图像导航条的概念，熟练掌握图像导航条的制作方法，理解图像热区的概念，熟练掌握图像热区给一幅图设置不同超链接的方法，理解图像轮显的概念，熟练掌握图像轮显的修改方法教学内容1. 网页图像类型及区别2. 设置网页中图像参数3. 图像翻转4. 图像导航条5. 图像热区6. 图像轮显教学方法建议与说明（方法、手段、教学做一体等）1. 引导教学法、2. 项目驱动法、3. 案例分析法、4. 分组讨论法、5.课堂互相测评法考核与评价方式单元实践、期末考试、综合实训教学辅助材料1. 电子课件、2. 课堂实践评价表、3. 学习任务书6、内容六（表格排版）见表7.6表7.6“表格排版”内容表格排版学时14教学目标熟练掌握表格及表格元素标记的书写方法，理解表格及表格元素的属性及用途，掌握表格选择、单元格选择、行列选择、行列交换、剪切、粘贴的方法和技巧，掌握按网页头、网页主体、网页版权使用分块表格对网页进行排版的方法，熟练掌握单元格合并拆分对网页的排版方法，熟练掌握嵌套表格的排版方法，熟练掌握嵌套表格结合单元格合并拆分排版网页的方法，了解手绘表格、单元格排版的方法以及网页排版时注意的问题。教学内容1. 表格及表格元素标记2. 表格及表格元素属性3. 表格的基本操作方法4. 表格按网页结构排版5. 单元格合并与拆分对网页排版6. 表格嵌套排版7. 手绘表格排版8. 使用表格排版制作综合实例9. 表格排版应注意的问题教学方法建议与说明（方法、手段、教学做一体等）1. 引导教学法、2. 项目驱动法、3. 案例分析法、4. 分组讨论法、5.课堂互相测评法考核与评价方式单元实践、期末考试、综合实训教学辅助材料1. 电子课件、2. 课堂实践评价表、3. 学习任务书7、内容七（模板使用）见表7.7表7.7“模板使用”内容模板使用学时4教学目标理解模板的概念，掌握模板中可编辑区域和不可编辑区域的插入方法，掌握模板批量制作和更新网页的方法教学内容1. 模板的概念2. 可编辑区域与不可编辑区域的使用3. 使用模板批量制作网页4. 使用模板批量更新网页教学方法建议与说明（方法、手段、教学做一体等）1. 引导教学法、2. 项目驱动法、3. 案例分析法、4. 分组讨论法、5.课堂互相测评法考核与评价方式单元实践、期末考试、综合实训教学辅助材料1. 电子课件、2. 课堂实践评价表、3. 学习任务书8、内容八（框架的使用）见表7.8表7.8“框架的使用”内容框架的使用学时4教学目标掌握框架的概念及标记，掌握两栏框架页面的制作方法，掌握框架和框架集的属性修改和保存方法，掌握浮动框架的使用技巧教学内容1. 框架的概念及标记2. 框架和框架集的保存方法3. 学习制作两栏框架网页4. 设置框架网页超链接5. 使用浮动框架制作网页嵌套教学方法建议与说明（方法、手段、教学做一体等）1. 引导教学法、2. 项目驱动法、3. 案例分析法、4. 分组讨论法、5.课堂互相测评法考核与评价方式单元实践、期末考试、综合实训教学辅助材料1. 电子课件、2. 课堂实践评价表、3. 学习任务书9、内容九（AP元素使用）见表7.9表7.9“AP元素使用”内容AP元素使用学时4教学目标掌握层元素标记和属性的含义，掌握层的浮动与定位功能，熟练掌握层结合时间轴做漂浮动画的方法和思路教学内容1. 层元素标记及属性2. 层的基本操作3. 层的浮动与定位4. 层结合时间轴实现漂浮动画教学方法建议与说明（方法、手段、教学做一体等）1. 引导教学法、2. 项目驱动法、3. 案例分析法、4. 分组讨论法、5.课堂互相测评法考核与评价方式单元实践、期末考试、综合实训教学辅助材料1. 电子课件、2. 课堂实践评价表、3. 学习任务书10、内容十（表单的使用）见表7.10表7.10“表单的使用”内容表单的使用学时8教学目标了解表单的功能，服务器和客户端交互的方法，熟练掌握表单标记及其属性，熟练掌握表单元素标记及其属性，并能使用代码模式书写表单，熟练掌握在设计和代码视图模式下制作表单的方法，掌握表单及其表单元素的美化方法，掌握表单在网页中的制作技巧，理解表单数据提交方式教学内容1. 表单的功能2. 表单标记及其属性3. 表单元素标记及其属性4. 在Dreamweaver中制作表单5. 表单数据提交方式6. 表单元素美化7. 表单制作技巧教学方法建议与说明（方法、手段、教学做一体等）1. 引导教学法、2. 项目驱动法、3. 案例分析法、4. 分组讨论法、5.课堂互相测评法考核与评价方式单元实践、期末考试、综合实训教学辅助材料1. 电子课件、2. 课堂实践评价表、3. 学习任务书11、内容十一（客户端行为）见表7.11表7.11“客户端行为”内容客户端行为学时8教学目标掌握行为、动作、事件的概念，熟练掌握行为面板的操作方法，使用常见的行为来制作客户端动态效果，掌握常见的事件类型及触发方式教学内容1. 行为、事件、动作概念2. 行为面板的使用3. 常见行为的使用方法4. 事件类型教学方法建议与说明（方法、手段、教学做一体等）1. 引导教学法、2. 项目驱动法、3. 案例分析法、4. 分组讨论法、5.课堂互相测评法考核与评价方式单元实践、期末考试、综合实训教学辅助材料1. 电子课件、2. 课堂实践评价表、3. 学习任务书12、内容十二（层叠样式表）见表7.12表7.12“层叠样式表”内容层叠样式表学时10教学目标掌握样式表的概念，掌握样式表语法格式及书写位置，掌握外部样式表的调用，掌握样式表属性及其属性分类（样式表简写法则），熟练书写样式表并能掌握控制网页外观的方法，掌握样式表的冲突与继承，掌握样式表的优先级顺序教学内容1. 层叠样式表的概念2. 层叠样式表的书写位置3. 层叠样式表的语法格式4. 层叠样式表实现与网页分离及样式表的调用方法5. 层叠样式表的分类6. 样式表属性及属性值7. 不同类别样式表的应用范围及调用8. 样式表冲突9. 样式表继承10. 样式表优先级11. 复合样式表选择符教学方法建议与说明（方法、手段、教学做一体等）1. 引导教学法、2. 项目驱动法、3. 案例分析法、4. 分组讨论法、5.课堂互相测评法考核与评价方式单元实践、期末考试、综合实训教学辅助材料1. 电子课件、2. 课堂实践评价表、3. 学习任务书13、内容十三（服务器行为）见表7.13表7.13“服务器行为”内容服务器行为学时12教学目标了解服务器行为的概念，熟练掌握不同数据库链接的方法，熟练掌握各种服务器行为来实现对数据表的插入、更新、删除、查询等操作，掌握数据页面的批量显示和分页的方法，熟练掌握多表联合查询创建记录集的方法，掌握留言板的制作方法，掌握新闻管理系统前后台设计与制作方法教学内容1. 服务器行为的概念2. 使用OLEDB,ODBC,DSN链接数据库的方法3. 创建记录集4. 插入记录行为5. 更新记录行为6. 删除记录行为7. 用户登录行为8. 重复区域显示行为9. 分页行为10.多表联合查询11.留言板前台、后台、数据库设计12.新闻管理系统前台、后台、数据库设计教学方法建议与说明（方法、手段、教学做一体等）1. 引导教学法、2. 项目驱动法、3. 案例分析法、4. 分组讨论法、5.课堂互相测评法考核与评价方式单元实践、期末考试、综合实训教学辅助材料1. 电子课件、2. 课堂实践评价表、3. 学习任务书八、考核方式1、课程考核方式：课程考核方式见表8.18.1课程考核方式考核项目考核方法比例（%）过程考核态度纪律根据作业完成情况、课堂回答问题、课堂实践示范情况，由教师和学生干部综合评定学校态度的得分；根据上课考勤情况，由教师和学生干部评定纪律得分。10%项目技能根据学生实践情况，由学生自评、他人评价和教师评价相结合的方式评定成绩；根据完成的时间、功能的完善、程序是否有创新，由小组长评定和教师抽评相结合的方式评定成绩。30%期末考核考试（笔试）由教师评定笔试成绩。60%操作（机试）由教师根据项目完成情况、系统功能、编程规范来评定上机考试成绩。合计100%2、 课程考核标准态度纪律考核标准参见表8.2。表8.2 态度纪律考核标准考核考核比例评 价 标 准优秀（86 100）良好（70 85）及格（60 69）1. 课堂学习30%没有缺勤情况；能够爱护实训场地设备和卫生。缺勤10%以下；能够爱护实训场地设备和卫生；能向老师提问，并回答问题。缺勤30%以下；能够爱护实训场地设备和卫生；能基本回答教师提问。2. 课外学习30%能按时完成课外拓展练习；能积极参加网上讨论活动；能积极主动地进行自我学习。能按时完成80%的课外拓展训练；能参加网上讨论活动；能进行自我学习。能按时完成60%的课外拓展练习；能参加网上讨论活动。3. 小组学习30%能积极参加小组活动；能主动代表小组参与小组间的竞赛；能提出合理化的建议，积极组织小组学习活动；能帮助或辅导小组成员进行有效的学习。能积极参加小组活动；能提出合理化的建议；能帮助或辅导小组成员进行有效的学习。能参加小组活动；能在小组成员的辅导下进行有效的学习。合 计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地址、 协议概念，网页设计与制作工具5%2HTML标记HTML标记语法，HTML书写网页结构，TML文本类标记，HTML多媒体类标记5%3Dreamweaver软件使用Dreamweaver三种不同视图模式在网页编辑时的作用，对象面板中网页元素以及使用方法，属性面板对元素的编辑与修改方法5%4文本排版使用代码和对象两种模式来书写文本，属性面板中对文本的修改和设置方法5%5图像使用网页图像类型及区别，设置网页中图像参数，图像翻转，图像导航条，图像热区，图像轮显10%6表格排版表格及表格元素标记，表格及表格元素属性，单元格合并与拆分对网页排版，表格嵌套排版，使用表格综合排版，表格排版应注意的问题15%7模板使用可编辑区域与不可编辑区域的使用，使用模板批量制作、更新网页5%8框架的使用框架和框架集的保存方法，学习制作两栏框架网页，设置框架网页超链接，使用浮动框架制作网页嵌套5%9AP元素使用层元素标记及属性，层的浮动与定位，层结合时间轴实现漂浮动画5%10表单的使用表单标记及其属性，表单元素标记及其属性，在Dreamweaver中制作表单，表单元素美化10%11客户端行为行为、事件、动作概念，常见行为的使用方法，事件类型5%12层叠样式表层叠样式表的概念，层叠样式表的语法格式，层叠样式表实现与网页分离及样式表的调用方法，层叠样式表的分类，样式表属性及属性值，样式表冲突与继承，样式表优先级15%13服务器行为服务器行为的概念，使用OLEDB,ODBC,DSN链接数据库的方法，创建记录集，插入、修改、更新、删除记录，用户登录，重复区域，分页，多表联合查询10%合 计100%九、课程资源的选用1、教材选用教材使得学生能较为容易的开发静态网页，同时为后面使用服务器行为开发动态网站打下基础，在内容的选取上，需要强调技术性和实用性，需要突出理论和项目、实践操作的结合。1 孙东梅Dreamweaver CS3网页设计与网站建设详解电子工业出版社，2008年1月2 龙马工作室新编Dreamweaver CS4精彩网站制作人民邮电出版社，2009年10月2、参考资料1 小朱老师个人网站：2 蓝色理想网站： :/3 网页设计师联盟网站： :/ 3、教学场地、设施要求本课程要求在理论实践一体化教室完成，以实现“教、学、做”三位合一，主讲教师可携带笔记本电脑和投影仪器，根据教学进度实际进展情况，在教室中灵活控制理论内容和实践内容结合的讲解。十、审核专家组审核意见：同意使用该课程标准签名：曹炯清2013年4月25日 计算机 类专业（课程）建设指导委员会审核意见：同意使用该课程标准签名:曹炯清2013年5月10日院学术指导委员会审核意见：经过审核，同意使用该课程标准。签名： 何军2013年 8 月 6 日