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

网页设计与制作课程标准课程代码：参考时间：90学习要点：4学科课程类型：专业学科课程2015年1月编制一、应用领域计算机应用技术(三年制中等职业学校，五年制高职)二、开课时间第四学期三、课程定位1、课程特性本课程是计算机应用技术(3年制中等职业，5年制高职)的专业课。2，课程课题本课程主要以Dreamweaver软件为运行平台，以职业教育网络技术专业理论结合实践的特点为目标，培养高技能应用人才，重点加强学生的理论基础，培养学生的实际操作能力。培训知识模块首先介绍网页的相关知识，学习HTML标记语言，在此基础上深入学习Dreamweaver软件的工作方式以及如何在网页上使用网页元素，锻炼学生网页的布局设计能力，最后通过样式表、客户端脚本和服务器行为的学习，使学生熟悉和掌握简单的动态网站开发能力。在本课程的实践教学内容中，选择与实践紧密联系的项目，详细分解，重点培养学生的静态、动态web制作能力、网站的建立和维护能力、独立思考、问题解决和独立创新能力。四、课程教育目标1、方法能力目标1)培养学生谦虚好学的素质。2)培养学生努力思考、严格工作的好风格。3)培养学生良好的职业道德。4)培养学生美的概念。2、社会能力目标1)培养学生的团队合作精神。2)培养学生分析问题和解决问题的能力。3)培养学生创新、敬业、专注于音乐产业的工作风格。4)培养学生诚实、可靠、耐心的性格。3、专业能力目标1)掌握web设计知识、web元素配置、web结构、web开发流程、web设计和创作工具。2)掌握HTML标记语言，擅长使用标记元素创建web框架。3)确定如何使用Dreamweaver软件；学习在网页上使用多媒体元素(如文本、图像等)的技巧。4)熟悉表格的灵活控制和表格元素标记的使用方法，应用单元格合并拆分、表格嵌套来完成网页排版。5)掌握使用模板的方法。熟练应用模板制作、修改和批量更新网页；6)学习如何制作双级框架和使用浮动框架嵌套网页的技术。7)熟悉AP元素的浮动和定位，可以组合时间轴以设置多个AP元素的动画。8)了解如何填写表格、表格元素标签、网页通过表格提交数据的原理；9)了解网页中客户端行为的概念。您可以使用典型的客户端行为创建前台页的动态效果。10)掌握样式表对网页外观和格式的控制、样式表的冲突和继承，并善于编写样式。11)精通服务器行为的概念、数据库连接、插入、修改、更新和删除。蜡褫眕妏蚚督昢俴峈羲楷潠等腔雄怓web桴萸。五、课程整合在课程设置中，前导课程有Photoshop高级应用，后续课程有网站建设六、教育内容和时间分布教学时间分布见下表6.1表6.1讲座内容和时间分布序号授课内容(项目、方案)理论时间练习时间练习题在时间上总计1K1-1-1网页，网站概念K1-1-2浏览器、B/S、链接概念K1-1-3 IP地址、域名概念K1-1-4 URL地址，HTTP协议概念配置为K1-1-5网页K1-1-6网站开发流程k1-1-7 web设计和制作工具22042K1-2-1 HTML标签语法K1-2-2 HTML写入web结构K1-2-3 HTML中的HEAD内部标记K1-2-4 HTML文本类标签K1-2-5 HTML多媒体类标签42063了解K1-3-1 Dreamweaver软件的版本、安装、启动和接口在K1-3-2 Dreamweaver中编辑web时三种不同查看模式的作用K1-3-3典型的浮动面板和功能K1-3-4对象面板的web元素及其使用方法如何编辑和修改K1-3-5属性面板中的元素22044K1-4-1使用代码和对象两种模式编写文本如何修改和设置K1-4-2属性面板中的文本K1-4-3文本的行、段落控制方法和文本背景排列技术22045k1-5-1 web图像类型和差异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使用表排版创建复合实例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帧web超链接设置使用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一般行为使用方法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样式表冲突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配置、浏览器、网页和web创作工具教师示范和学生实践实验2以HTML格式创建网页(记事本或EDITPLUS)教师示范和学生实践实验3开始安装Dreamweaver，了解界面教师示范和学生实践实验4了解Dreamweaver的三种查看模式和各种面板教师示范和学生实践实验5Dremaeaver中的各种面板协作(演示制作web流程)教师示范和学生实践实验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，内容I(基于web)见表7.1表7.1“基于web”内容基于web时间4教育目标了解与web相关的基本概念，了解web创作开发流程，了解常用的web设计和创作工具讲课内容1.网页，网站概念2.浏览器、B/S、链接概念3.IP地址，域名概念4.URL地址，HTTP协议概念5.组织网页教学方法建议和说明(方法、手段、教学融为一体等)1.地图教学法，2 .项目主导法，3 .案例分析，4 .小组讨论法，5 .课堂互评法评估和评估方法单元实践、期末考试、综合教育教育辅助材料1.电子课件，2 .课堂实践评价表，3 .学习任业书4.课程网站：http:/sfyx . :58/2x/09，http:/www . /web/Xiao Zhu2，内容2 (HTML标签)显示在表7.2中表7.2“HTML标签”内容HTML标签时间6教育目标了解HTML标签语法格式，了解HTML标签编写规范，了解HTML通用标签，以及使用HTML标签编写和调试简单的网页讲课内容1.HTML标签语法2.HTML写入web结构3.HTML中的HEAD内部标签4.HTML文本类标签5.HTML多媒体类标签教学方法建议和说明(方法、手段、教学融为一体等)1.地图教学法，2 .项目主导法，3 .案例分析，4 .小组讨论法，5 .课堂互评法评估和评估方法单元实践、期末考试、综合教育教育辅助材料1.电子课件，2 .课堂实践评价表，3 .学习任业书4.课程网站：http:/sfyx . :58/2x/09，http:/www . /web/Xiao Zhu3、内容3(使用Dreamweaver软件)请参阅表7.3表7.3“使用Dreamweaver软件”内容使用Dreamweaver软件时间4教育目标了解和熟悉Dreamweaver软件界面，了解在Dreamweaver中创建web页的过程(面板如何协同工作)，了解三种查看模式以及如何设置web页讲课内容1.了解Dreamweaver软件版本、安装、启动和界面2.Dreamweaver三种不同查看模式在web编辑中的作用3.常用浮动面板和功能4.对象面板中的web元素及其使用方法5.编辑和修改属性面板中的元素教学方法建议和说明(方法、手段、教学融为一体等)1.地图教学法，2 .项目主导法，3 .案例分析，4 .小组讨论法，5 .课堂互评法评估和评估方法单元实践、期末考试、综合教育教育辅助材料1.电子课件，2 .课堂实践评价表，3 .学习任业书4.课程网站：http:/sfyx . :58/2x/09，http:/www . /web/Xiao Zhu4，见内容4(文本排版)表7.4表7.4“文本排版”内容文本排版时间4教育目标了解如何在代码和对象模式下控制文本排版，并掌握如何控制文本行间距。了解使用标记的技巧，以及如何排列以前的