《网页设计与制作》课程教案设计.pdfVIP

《⽹页设计与制作》课程教案设计 《⽹页设计与制作》课程教案 ⼀、课程定位 本课程是计算机应⽤技术专业的⼀门专业基础课程，该课程的学习能够提升他们对⽹页制作的兴趣，让他们学习⽹页制作的基 本技能，为后继课程打下基础，同时扩展其就业⾯，为就业做好准备。 本课程的⽬的和任务是让学⽣学会Dreameaver CS6、Flash和Fireworks 的使⽤⽅法，并能够使⽤这3款软件制作出美观实⽤ 的⽹页。 ⼆、课程总⽬标 掌握⽹页制作的基本⽅法和技能，掌握⽹站建设的流程，能够运⽤所学知识建设常⽤的⽹页和⽹站，同时能够美化⽹页，设计 ⼈性化、艺术化的⽹站静态页⾯部分。 （⼀）知识⽬标： 1.熟悉⽹页制作的基本元素； 2.掌握Dreamweaver CS6软件的基本操作⽅法； 3.掌握在⽹页中插⼊⽂字、图⽚、声⾳、flash等的⽅法； 4.掌握常见的⽹页布局⽅法，学会使⽤CSS美化⽹页； 5.掌握在⽹页中使⽤表单和制作⽹页特效的⽅法； 6.掌握简单图形图像的处理，能够制作符合⽹页主题的图⽚和简单动画 并巧妙地和⽹页中内容搭配起来。 7.掌握建设⼀个功能相对完善的⽹站的⽅法并能制作常⽤的⽹站的静 态页⾯部分。 （⼆）职业能⼒培养⽬标 1. 能够根据⽹站开发需求，去寻找⽹页设计和⽹站开发所需要的⽂字、 图⽚、动画、声⾳、视频等素材并作美化处理； 2．能够制作出符合主题⾊彩的⽹页，⽹页要求美化、被绝⼤多数浏览 者接受和喜爱； 3.能够设计企业⽹站、政府门户⽹站、学校⽹站等常见⽹站的基本静态 页⾯。 （三）素质⽬标 1.具有勤奋学习的态度，严谨求实、创新的学习精神； 2.具有良好的⼼理素质和职业道德素质； 3.具有⾼度责任⼼和良好的团队合作精神； 4.具有运⽤理论知识发现问题、分析问题并解决问题的能⼒，同时能够 不断学习，不断创新，让⾃⼰的设计越来越完善，有⽌于⾄善的精神。（四）职业技能证书考核要求： 可以根据⾃⾝情况考取“全国计算机信息⾼新技术资格证”，“⽹页设计制作员”，“⽹页设计师”等职业技能证书。 三、重点、难点章节及内容 1.重点章节： 1.2 ⽹页、⽹站相关术语简介 1.6 ⽹站建设的基本流程 2.3 Dreamweaver CS6的⼯作环境 3.2 创建本地站点 3.4 使⽤站点 3.5 ⽹页设计中的规范 4.1 ⽹页⽂件的基本操作 4.3 插⼊⽂本 4.4 插⼊⽔平线 4.5 插⼊其他基本元素 4.6 创建列表 5.1 超级链接概述 5.2 创建超级链接 5.3 使⽤dw制作各种超级链接 6.1 插⼊图像 6.2 图像的HTML标签 6.3 插⼊图像对象 6.4 创建图像对象 7.1 表格概述 7.2 使⽤dwcs6创建表格 7.3 表格的基本操作 7.4在表格中添加内容 8.1在⽹页中插⼊Div 8.2 使⽤AP Div排版 8.3 操纵AP Div 8.4 设置AP Div的属性 8.5 AP Div与表格的相互转换 8.6 AP Div的⾏为 9.2 DWcs6k中框架的基本事件 9.3 浮动框架 10.2 创建表单 10.3 插⼊表单对象 11.1 JavaScript 11.2 ⾏为 12.1 插⼊媒体的使⽤ 12.2 ⾳频 12.3 视频⽂件 13.1 CSS简介 13.2 CSS的结构和规则 13.3 CSS样式⾯版 13.4 CSS样式的建⽴ 14.1 使⽤库项⽬ 14.2 模板 15.1 测试⽹站 15.2 发布⽹站 15.3 管理站点和⾼级设置 2.难点章节： 3.2 创建本地站点 3.4 使⽤站点 4.4 插⼊⽔平线 4.5 插⼊其他基本元素 4.6 创建列表 5.2 创建超级链接 5.3 使⽤DW制作各种超级链接 6.2 图像的HTML标签 7.3 表格的基本操作 7.4在表格中添加内容 8.1在⽹页中插⼊Div 8.2 使⽤AP Div排版 8.3 操纵AP Div 8.4 设置AP Div的属性 8.5 AP Div与表格的相互转换 8.6 AP Div的⾏为 9.2 DWcs6中框架的基本事件 9.3 浮动框架 10.3 插⼊表单对象 11.1 JavaScript 11.2 ⾏为 13.3 CSS样式⾯版 13.4 CSS样式的建⽴ 14.1 使⽤库项⽬ 14.2 模板 15.1 测试⽹站 15.2 发布⽹站 15.3 管理站点和⾼级设置 四、实践环节和内容总体设计 （⼀）主要环节安排 对于本课程的重点知识，主要采⽤操作演⽰、案例说明和任务驱动法来展开教学。本课程采