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

《网页设计与制作》课程标准课程代码：502043参考学时：90学分：4课程类型：专业课2015年1月编一、适用专业计算机应用技术（3年制中职，5年制高职）二、开课时间第4学期三、课程定位1、课程性质本课程是计算机应用技术（3年制中职，5年制高职）的专业课程。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)熟练掌握服务器行为的概念、连接数据库、插入、修改、更新、删除操作记录；能够使用服务器行为开发简单的动态网站。五、课程衔接在课程设置上，前导课程有《Photoshop高级应用》，后续课程有《网站建设》六、教学内容与学时分配教学学时数分配见下表6.1所示表6.1教学内容与学时分配序号教学内容（项目、情景）理论学时实践学时习题学时合计1K1-1-1网页、网站概念K1-1-2浏览器、B/S、链接概念K1-1-3IP地址、域名概念K1-1-4URL地址、HTTP协议概念K1-1-5网页组成K1-1-6网站开发流程K1-1-7网页设计与制作工具22042K1-2-1HTML标记语法K1-2-2HTML书写网页结构K1-2-3HTML中HEAD内标记K1-2-4HTML文本类标记K1-2-5HTML多媒体类标记42063K1-3-1Dreamweaver软件的版本、安装、启动与界面认识K1-3-2Dreamweaver三种不同视图模式在网页编辑时的作用K1-3-3常见的浮动面板以及功能K1-3-4对象面板中网页元素以及使用方法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-8使用表格排版制作综合86014实例K1-6-9表格排版应注意的问题7K1-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-3表单元素标记及其属性K1-10-4在Dreamweaver中制作表单K1-10-5表单数据提交方式K1-10-6表单元素美化K1-10-7表单制作技巧440811K1-11-1行为、事件、动作概念K1-11-2行为面板的使用K1-11-3常见行为的使用方法4408K1-11-4事件类型12K1-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复合样式表选择符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%课程实验内容见下表编号实验名称教学方法实验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地址、HTTP协议概念5.网页组成教学方法建议与说明（方法、手段、教学做一体等）1.引导教学法、2.项目驱动法、3.案例分析法、4.分组讨论法、5.课堂互相测评法考核与评价方式单元实践、期末考试、综合实训教学辅助材料1.电子课件、2.课堂实践评价表、3.学习任务书4.课程网站：、、内容二（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.学习任务书4.课程网站：、、内容三（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教学目标掌握代码和对象模式下控制文本排版的方法，掌握文本行间距的控制方法；BR、 、P标记的使用技巧，掌握前背景颜色搭配的方法教学内容1.使用代码和对象两种模式来书写文本2.属性面板中对文本的修改和设置方法3.文本的行、段落控制方法和文字底色搭配技巧教学方法建议与说明（方法、手段、教学做一体等）1.引导教学法、2.项目驱动法、3.案例分析法、4.分组讨论法、5.课堂互相测评法考核与评价方式单元实践、期末考试、综合实训教学辅助材料1.电子课件、2.课堂实践评价表、3.学习任务书4.课程网站：、、内容五（