1、 .word 格式.整理版 网页设计与制作课程教案一、课程定位本课程是计算机应用技术专业的一门专业基础课程，该课程的学习能够提升他们对网页制作的兴趣，让他们学习网页制作的基本技能，为后继课程打下基础，同时扩展其就业面，为就业做好准备。本课程的目的和任务是让学生学会 Dreameaver CS6、Flash 和 Fireworks的使用方法，并能够使用这 3 款软件制作出美观实用的网页。二、课程总目标掌握网页制作的基本方法和技能，掌握网站建设的流程，能够运用所学知识建设常用的网页和网站，同时能够美化网页，设计人性化、艺术化的网站静态页面部分。（1） 知识目标：1.熟悉网页制作的基本元素；2.掌握
2、 Dreamweaver CS6 软件的基本操作方法；3.掌握在网页中插入文字、图片、声音、flash 等的方法；4.掌握常见的网页布局方法，学会使用 CSS 美化网页；5.掌握在网页中使用表单和制作网页特效的方法；6.掌握简单图形图像的处理，能够制作符合网页主题的图片和简单动画并巧妙地和网页中内容搭配起来。7.掌握建设一个功能相对完善的网站的方法并能制作常用的网站的静态页面部分。（2）职业能力培养目标1. 能够根据网站开发需求，去寻找网页设计和网站开发所需要的文字、图片、动画、声音、视频等素材并作美化处理；2能够制作出符合主题色彩的网页，网页要求美化、被绝大多数浏览者接受和喜爱；.word
3、格式.整理版 3.能够设计企业网站、政府门户网站、学校网站等常见网站的基本静态页面。（3）素质目标1.具有勤奋学习的态度，严谨求实、创新的学习精神； 2.具有良好的心理素质和职业道德素质；3.具有高度责任心和良好的团队合作精神；4.具有运用理论知识发现问题、分析问题并解决问题的能力，同时能够不断学习，不断创新，让自己的设计越来越完善，有止于至善的精神。（4）职业技能证书考核要求：可以根据自身情况考取“全国计算机信息高新技术资格证” ， “网页设计制作员” ， “网页设计师”等职业技能证书。三、重点、难点章节及内容1.重点章节：1.2 网页、网站相关术语简介1.6 网站建设的基本流程2.3 Dr
4、eamweaver CS6 的工作环境3.2 创建本地站点3.4 使用站点3.5 网页设计中的规范4.1 网页文件的基本操作4.3 插入文本4.4 插入水平线4.5 插入其他基本元素4.6 创建列表5.1 超级链接概述5.2 创建超级链接.word 格式.整理版 5.3 使用 dw 制作各种超级链接6.1 插入图像6.2 图像的 HTML 标签6.3 插入图像对象6.4 创建图像对象7.1 表格概述7.2 使用 dwcs6 创建表格7.3 表格的基本操作7.4 在表格中添加内容8.1 在网页中插入 Div8.2 使用 AP Div 排版8.3 操纵 AP Div8.4 设置 AP Div 的属
5、性8.5 AP Div 与表格的相互转换8.6 AP Div 的行为9.2 DWcs6k 中框架的基本事件9.3 浮动框架10.2 创建表单10.3 插入表单对象11.1 JavaScript11.2 行为12.1 插入媒体的使用12.2 音频12.3 视频文件13.1 CSS 简介13.2 CSS 的结构和规则.word 格式.整理版 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 创建列表
6、5.2 创建超级链接5.3 使用 DW 制作各种超级链接6.2 图像的 HTML 标签7.3 表格的基本操作7.4 在表格中添加内容8.1 在网页中插入 Div8.2 使用 AP Div 排版8.3 操纵 AP Div8.4 设置 AP Div 的属性8.5 AP Div 与表格的相互转换8.6 AP Div 的行为9.2 DWcs6 中框架的基本事件9.3 浮动框架.word 格式.整理版 10.3 插入表单对象11.1 JavaScript11.2 行为13.3 CSS 样式面版13.4 CSS 样式的建立14.1 使用库项目14.2 模板15.1 测试网站15.2 发布网站15.3 管理
7、站点和高级设置四、实践环节和内容总体设计（一）主要环节安排对于本课程的重点知识，主要采用操作演示、案例说明和任务驱动法来展开教学。本课程采用理实一体化教学模式，每一节课都要求学生将理论知识运用到实际操作中，用理论指导实践，并逐步总结经验，掌握专业技能。在实践的过程中锻炼学生思考问题、分析问题、解决问题的能力，达到掌握网页制作和设计的技能的目的。对于课程的难点知识，主要用实际操作和案例法分析，将操作的注意事项给学生做演示和分解说明，这样化解难点，让学生通过操作、思考和总结，尽快掌握相应知识。（二）内容总体设计1课堂教学中的实践环节本课程全部为理实一体化教学模式，概念、软件界面、操作步骤都通过运用
8、知识对实际问题的解决方面来展开教学。概念采用理解后再记忆的模式，或者采用边操作边理解，这样达到更加深刻的记忆和更加透彻的理解。每一堂课都针对基本知识点进行操作和练习，同时就这些知识点如何应用的自己设计的网页中布置任务，让学生主动运用知识，培养学生创新能力、主动学习能力和思考能力。.word 格式.整理版 2教学见习通过本门课程的学习，需要同学们制定出相应的实习计划，并记录相关的实训内容，注重在实习阶段对所学知识的巩固和提高，以达到根据理论知识，指导日后工作实践的目的。具体实习内容报告如下：第一、收集网站所需信息。第二、运用 DWCS6 所学内容进行网页外观整体设计。第三、对所完成的网页页面进行
9、合理的切片处理，并按照网页设计效果完成网站整体框架的构建， 。第四、搭建网站所需数据库。第五、网站的虚拟建设和初步完善。五、教学进程计划表（含理论教学和实践教学统筹）学时数时间安排（周次）章节（序号） 教 学 内 容 理论 实践实验总学时1 第 1 章 网页制作基础知识 2 2 22 第 2 章 认识 Dreamweaver cs6 2 2 43 、第 3 章 站点设计 2 2 44 国庆放假5 第 4 章 制作简单网页 2 2 46 第 5 章使用 Dreamweaver c6 制作各种超级链接2 2 47 第 6 章 网页中使用图像 2 2 48 第 7 章 表格的使用 2 2 49 第
10、8 章 在网页中插入 Div 并使用 AP Div 排版 2 2 410 第 8 章设置 AP Div 的属性AP Div 与表格的相互转换AP Div 的行为2 2 411 第 9 章 创建和使用框架 2 2 412 第 10 章 制作表单页面 2 2 4.word 格式.整理版 13 第 11 章 JavaScript 网页动态特效 2 2 414 第 12 章 网页中使用多媒体 2 2 415 第 13 章 CSS 样式表 2 2 416 第 14 章 库和模板 2 2 417 第 15 章 站点的维护和上传 2 2 418 考核 制作具体网站 0 4 4六、教学资料收集和配置设计1、针
11、对本课程，在教学资料的收集中，我主要借助了教材、参考书和网络教学资源；2、通过网上名师的视频讲解，分析重难点讲解的技巧，达到更好的教学效果；3、借助实际操作演示、任务驱动法、案例法让学生更加深刻认知到知识点的使用方法和技巧；4、借助实训提升学生的学习兴趣，让学生练习如何使用知识，如何操作软件，并且循序渐进地使用知识美化、改善网页，到达牢固掌握知识的目的。七、可利用的教学方法（落实到章节）时间安排（周次）章节（序号） 教 学 内 容 教学方法1 第 1 章 网页制作基础知识 讲授法、讨论法、直 观演示法2 第 2 章 认识 Dreamweaver cs6 讲授法、直观演示法、任务驱动法3 第 3
12、 章 站点设计 讲授法、直观演示法、任务驱动法4 国庆放假5 第 4 章 制作简单网页 讲授法、直观演示法、任务驱动法6 第 5 章 使用 Dreamweaver c6 制作各种超级链接 讲授法、直观演示法、任务驱动法7 第 6 章 网页中使用图像 讲授法、直观演示法、任务驱动法8 第 7 章 表格的使用讲授法、讨论法、直观演示法、任务驱动法.word 格式.整理版 9 第 8 章 在网页中插入 Div 并使用AP Div 排版 讲授法、直观演示法、 任务驱动法10 第 8 章设置 AP Div 的属性AP Div 与表格的相互转换AP Div 的行为讲授法、直观演示法、任务驱动法11 第 9
13、 章 创建和使用框架 讲授法、直观演示法、任务驱动法12 第 10 章 制作表单页面讲授法、讨论法、直观演示法、任务驱动法13 第 11 章 JavaScript 网页动态特效讲授法、讨论法、直观演示法、任务驱动法14 第 12 章 网页中使用多媒体讲授法、讨论法、直观演示法、任务驱动法15 第 13 章 CSS 样式表 讲授法、直观演示法、 任务驱动法16 第 14 章 库和模板 讲授法、直观演示法、 任务驱动法17 第 15 章 站点的维护和上传 讲授法、直观演示法、 任务驱动法18 考核 制作具体网站八、作业布置与批改设计1.作业内容要求：作业的主要内容为上机操作完成规定的实训项目，书面
14、作业为教材上的练习题和模拟试题。2.作业形式与题量：课堂讲授完毕后将实训教材课后习题选择一部分作为课堂练习或课后练习，并布置上机操作内容。以达到测试学生课堂学习情况和课后对所学知识的复习巩固和加以实际操作应用的目的。3、作业批改设计对于书面作业，可抽调适量的作业进行评阅，对发现的主要和倾象性的问题，由教师在课堂上进行集体评讲；对于上机操作的实作题，可由学生上传后评阅，并对发现的重点、难点问题进行集中讲评。九、采用的教材和学生选读的参考书课堂采用的教材：网页设计与制作 清华大学出版社 赵旭霞 刘素转 王晓娜 主编课堂采用的参考书Dreamweaver 网页设计标准教材 .顾群业,王晓峰 中国电力
15、出版社 .word 格式.整理版 网页设计与制作 作者是詹青龙、郭永灿 清华大学出版社网页设计与制作 孙振业主编，高等教育出版社。网页设计与制作教程，杨选辉主编，清华大学出版社。十、学生成绩考核与评定（一）考核方法出勤情况、教学参与、平时作业、实训成绩、期末考试（二）成绩评定（1）教学过程占 40%：包括出勤情况及课堂纪律、教学参与（课堂讨论、提问及实践环节参与情况） 、平时作业（书面作业，上机实训作业） 。 （2）期末考试占 60%，考试方式主要通过学生上传作品。任课教师： 教研室主任： 二级学院负责审核人：2017 年 9 月 1 日工作中是付出了很多，但我也清醒地认识到自己存在的一些不足之处。在学生工作方面，我与其他辅导员相比经验还显欠缺，与主要学生干部在工作方面的交流做的还不是很到位，同时在大型活动的组织方面，考虑还不够周全，学生活动的指导工作也需要在自我不断学习的基础上进一步加强，并逐步提升自我对于理论的实际应用能力。要及时认真地总结工作经验，探索规律，锐意改革，勇于创新，开拓进取，使自己的工作更上一层楼！
