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

《《网页设计与制作》课程教案.docx》由会员分享，可在线阅读，更多相关《《网页设计与制作》课程教案.docx（10页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、网页设计与制作课程教案一、课程定位本课程是计算机应用技术专业的一门专业基础课程，该课程的学习能够提升他们对网页制 作的兴趣，让他们学习网页制作的基本技能，为后继课程打下基础，同时扩展其就业面，为就业 做好准备。本课程的目的和任务是让学生学会Dreameaver CS6 FI ash和F i reworks的使用方法，并能 够使用这3款软件制作出美观实用的网页。二、课程总目标掌握网页制作的基本方法和技能，掌握网站建设的流程，能够运用所学知识建设常用的网 页和网站，同时能够美化网页，设计人性化、艺术化的网站静态页面部分.（一）知识目标：1.熟悉网页制作的基本元素；2O掌握Dreamweaver C

2、S6软件的基本操作方法；3.掌握在网页中插入文字、图片、声音、flash等的方法；40掌握常见的网页布局方法，学会使用CSS美化网页；5o掌握在网页中使用表单和制作网页特效的方法；6.掌握简单图形图像的处理，能够制作符合网页主题的图片和简单动画并巧妙地和网页 中内容搭配起来。7o掌握建设一个功能相对完善的网站的方法并能制作常用的网站的静态页面部分。（二）职业能力培养目标1o能够根据网站开发需求，去寻找网页设计和网站开发所需要的文字、图片、动画、声 音、视频等素材并作美化处理；2 .能够制作出符合主题色彩的网页，网页要求美化、被绝大多数浏览者接受和喜爱；3 .能够设计企业网站、政府门户网站、学校

3、网站等常见网站的基本静态页面。（三）素质目标1.具有勤奋学习的态度，严谨求实、创新的学习精神；20具有良好的心理素质和职业道德素质；3o具有高度责任心和良好的团队合作精神；4.具有运用理论知识发现问题、分析问题并解决问题的能力，同时能够不断学习，不断创 新，让自己的设计越来越完善，有止于至善的精神。（四）职业技能证书考核要求：可以根据自身情况考取“全国计算机信息高新技术资格证”，“网页设计制作员,“网页设计师”等职业技能证书。三、重点、难点章节及内容1 .重点章节：1.2 网页、网站相关术语简介1.6 网站建设的基本流程2 . 3 Dreamweaver CS6 的工作环境30 2创建本地站点

4、31 4使用站点32 5网页设计中的规范40 1网页文件的基本操作41 3插入文本4. 4插入水平线40 5插入其他基本元素4.6创建列表5. 1超级链接概述5.2创建超级链接42 3使用dw制作各种超级链接6O1插入图像6.2图像的HTML标签6O3插入图像对象6.4创建图像对象7 . 1表格概述7。2使用dwcs6创建表格70 3表格的基本操作71 4在表格中添加内容8 . 1在网页中插入Div9 .2使用AP Div排版10 3 操纵 AP Div11 4设置AP Div的属性80 5 AP Div与表格的相互转换8o 6 AP Div的行为9o 2 DWcs6k中框架的基本事件90 3

5、浮动框架10o 2创建表单10.3插入表单对象11. o 1 JavaScr i pt11o 2行为12. 1插入媒体的使用120 2音频12.3视频文件13. 1 CSS 简介13.2 CSS的结构和规则13o 3 CSS样式面版13o 4 CSS样式的建立140 1使用库项目14.2模板15o 1测试网站15.2发布网站150 3管理站点和高级设置2.难点章节：3o 2创建本地站点3.4使用站点4O4插入水平线40 5插入其他基本元素4.6创建列表5.2创建超级链接5. 3使用DW制作各种超级链接6o 2图像的HTML标签7.3表格的基本操作7.4在表格中添加内容8o 1在网页中插入Div

6、8.2使用AP Div排版8.3 操纵 AP Div8.4设置AP Div的属性8O5 AP Div与表格的相互转换8.6 AP Div的行为9.2 DWcs6中框架的基本事件90 3浮动框架10o 3插入表单对象11.1 JavaScr i pt11.2 行为11.3 CSS样式面版11.4 CSS样式的建立14. 1使用库项目14.2模板15o 1测试网站15o 2发布网站150 3管理站点和高级设置K实践环节和内容总体设计（-）主要环节安排对于本课程的重点知识，主要采用操作演示、案例说明和任务驱动法来展开教学。本课程 采用理实一体化教学模式，每一节课都要求学生将理论知识运用到实际操作中，

7、用理论指导实 践，并逐步总结经验，掌握专业技能。在实践的过程中锻炼学生思考问题、分析问题、解决问 题的能力，达到掌握网页制作和设计的技能的目的。对于课程的难点知识，主要用实际操作和案例法分析，将操作的注意事项给学生做演示和分 解说明，这样化解难点，让学生通过操作、思考和总结，尽快掌握相应知识。（二）内容总体设计1 .课堂教学中的实践环节本课程全部为理实一体化教学模式，概念、软件界面、操作步骤都通过运用知识对实际问 题的解决方面来展开教学。概念采用理解后再记忆的模式，或者采用边操作边理解，这样达到 更加深刻的记忆和更加透彻的理解。每一堂课都针对基本知识点进行操作和练习，同时就这些知 识点如何应用

8、的自己设计的网页中布置任务，让学生主动运用知识，培养学生创新能力、主动学 习能力和思考能力。2 .教学见习通过本门课程的学习，需要同学们制定出相应的实习计划，并记录相关的实训内容，注重在实习阶段对所学知识的巩固和提高，以达到根据理论知识，指导日后工作实践的目的。具体实 习内容报告如下：第一、收集网站所需信息。第二、运用DWCS6所学内容进行网页外观整体设计。第三、对所完成的网页页面进行合理的切片处理，并按照网页设计效果完成网站整体框架的构建,。第四、搭建网站所需数据库.第五、网站的虚拟建设和初步完善。五、教学进程计划表（含理论教学和实践教学统筹）时间安排（周次）章节（序号）教学内容学时数理论实

9、践实验尽学时1第1章网页制作基础知 识2222第2章认识 Dreamweaver cs62243、第3章站点设计2244国庆放假5第4章制作简单网页2246第5章使用 Dreamweaver c6制作各种超级 链接2247第6章网页中使用图像2248第7章表格的使用2249第8章在网页中插入Div 并使用AP Div排 版22410第8章设置AP Div的属 性AP Div与表格的相 互转换AP Div的行为22411第9章创建和使用框架22412第10章制作表单页面22413第11章JavaScr i pt 网页 动态特效22414第12章网页中使用多媒 体22415第13章CSS样式表22

10、416第14章库和模板22417第15章站点的维护和上22418考核制作具体网站044六、教学资料收集和配置设计1、针对本课程，在教学资料的收集中，我主要借助了教材、参考书和网络教学资源；2、通过网上名师的视频讲解，分析重难点讲解的技巧，达到更好的教学效果；3、借助实际操作演示、任务驱动法、案例法让学生更加深刻认知到知识点的使用方法和技巧；4、借助实训提升学生的学习兴趣，让学生练习如何使用知识，如何操作软件，并且循序渐进地使用知识美化、改善网页，到达牢固掌握知识的目的。七、可利用的教学方法（落实到章节）时间安排（周次）章节（序号）教学内容教学方法1第1章网页制作基础知识讲授法、讨论法、直 观演

11、示法2第2章认识 Dreamweaver cs6讲授法、直观演示 法、任务驱动法3第3章站点设计讲授法、直观演示 法、任务驱动法4国庆放假5第4章制作简单网页讲授法、直观演示 法、任务驱动法6第5章使用 Dreamweaver c6 制作 各种超级链接讲授法、直观演示 法、任务驱动法7第6章网页中使用图像讲授法、直观演示 法、任务驱动法8第7章表格的使用讲授法、讨论法、直 观演示法、任务驱动 法9第8章在网页中插入Div并使 用AP Div排版讲授法、直观演示 法、任务驱动法10第8章设置AP Div的属性 APDiv与表格的相互转换AP Div的行为讲授法、直观演示 法、任务驱动法11第9章

12、创建和使用框架讲授法、直观演示 法、任务驱动法12第10章制作表单页面讲授法、讨论法、直 观演示法、任务驱动 法13第11章JavaScr i pt网页动态特 效讲授法、讨论法、直 观演示法、任务驱动 法14第12章网页中使用多媒体讲授法、讨论法、直 观演示法、任务驱动 法15第13章CSS样式表讲授法、直观演示 法、任务驱动法16第14章库和模板讲授法、直观演示 法、任务驱动法17第15章站点的维护和上传讲授法、直观演示 法、任务驱动法18考核制作具体网站八、作业布置与批改设计1 .作业内容要求：作业的主要内容为上机操作完成规定的实训项目，书面作业为教材上的练习题和模拟试题。2.作业形式与题

13、量：课堂讲授完毕后将实训教材课后习题选择一部分作为课堂练习或课后 练习，并布置上机操作内容。以达到测试学生课堂学习情况和课后对所学知识的复习巩固和加以 实际操作应用的目的。3、作业批改设计对于书面作业，可抽调适量的作业进行评阅，对发现的主要和倾象性的问题，由教师在课 堂上进行集体评讲；对于上机操作的实作题，可由学生上传后评阅，并对发现的重点、难点问题 进行集中讲评。九、采用的教材和学生选读的参考书课堂采用的教材：网页设计与制作 清华大学出版社 赵旭霞 刘素转 王晓娜 主编课堂采用的参考书Dreamweaver 网页设计标准教材。顾群业，王晓峰 中国电力出版社网页设计与制作作者是詹青龙、郭永灿 清华大学出版社网页设计与制作孙振业主编，高等教育出版社。网页设计与制作教程，杨选辉主编，清华大学出版社。十、学生成绩考核与评定（一）考核方法出勤情况、教学参与、平时作业、实训成绩、期末考试（二）成绩评定（1）教学过程占40%：包括出勤情况及课堂纪律、教学参与（课堂讨论、提问及实践环节 参与情况）、平时作业（书面作业，上机实训作业）。（2）期末考试占60%,考试方式主要通过学生上传作品.任课教师：教研室主任： 二级学院负责审核人:2017年9月1日