网页设计及制作课程教案.doc

《网页设计及制作课程教案.doc》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

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

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

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

4、本流程2.3DreamweaverCS6的工作环境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在网页中插入Div8.2使用APDiv排版8.3操纵APDiv8.4设置APDiv的属性8.5APDiv与表格的相互转换8.6APD

5、iv的行为9.2DWcs6k中框架的基本事件9.3浮动框架10.2创建表单10.3插入表单对象11.1JavaScript11.2行为12.1插入媒体的使用12.2音频12.3视频文件13.1CSS简介13.2CSS的结构和规则13.3CSS样式面版13.4CSS样式的建立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.

6、4在表格中添加容8.1在网页中插入Div8.2使用APDiv排版8.3操纵APDiv8.4设置APDiv的属性8.5APDiv与表格的相互转换8.6APDiv的行为9.2DWcs6中框架的基本事件9.3浮动框架10.3插入表单对象11.1JavaScript11.2行为..13.3CSS样式面版13.4CSS样式的建立14.1使用库项目14.2模板15.1测试15.2发布15.3管理站点和高级设置四、实践环节和容总体设计（一）主要环节安排对于本课程的重点知识，主要采用操作演示、案例说明和任务驱动法来展开教学。本课程采用理实一体化教学模式，

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

8、记忆和更加透彻的理解。每一堂课都针对基本知识点进行操作和练习，同时就这些知识点如何应用的自己设计的网页中布置任务，让学生主动运用知识，培养学生创新能力、主动学习能力和思考能力。2．教学见习..