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

《网页设计与制作》课程标准课程代码：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、链接概念2204IP地址、域名概念URL地址、HTTP协议概念网页组成网站开发流程网页设计与制作工具2HTML标记语法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地址、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.课程网站：、、内容五（图像使用）见表7.5表7.5“图像使用”内容图像使用学时8教学目标掌握网页图像的三种类型以及何时该用何种图像类型，掌握图像属性的设置，理解图像翻转的概念，熟练掌握图像翻转的制作方法，理解图像导航条的概念，熟练掌握图像导航条的制作方法，理解图像热区的概念，熟练掌握图像热区给一幅图设置不同超链接的方法，理解图像轮显的概念，熟练掌握图像轮显的修改方法教学内容1.网页图像类型及区别2.设置网页中图像参数3.图像翻转4.图像导航条5.图像热区6.图像轮显教学方法建议与说明（方法、手段、教学做一体等）1.引导教学法、2.项目驱动法、3.案例分析法、4.分组讨论法、5.课堂互相测评法考核与评价方式单元实践、期末考试、综合实训教学辅助材料1.电子课件、2.课堂实践评价表、3.学习任务书4.课程网站：、、内容六（表格排版）见表7.6表7.6“表格排版”内容表格排版学时14教学目标熟练掌握表格及表格元素标记的书写方法，理解表格及表格元素的属性及用途，掌