《网页设计与制作》课程教学设计

《《网页设计与制作》课程教学设计》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、“搜索引擎”网站首页的制作教学设计学校：设计人：所属课程：网页设计与制作所属专业：软件技术授课课时：6学时“搜索引擎”网站首页的制作教学设计方案课程名称网页设计与制作项目标题“搜索引擎”网站首页的制作教材教育部职业教育与成人教育司推荐教材《网页制作教程》授课时数6课时授课地点网站规划实训室教学内容分析：l课标理论的要求按照“以能力为本位、以职业实践为主线、以项目课程为主体的模块化专业课程体系”的总体设计要求，彻底打破学科课程的设计思路，紧紧围绕工作任务完成的需要来选择和组织课程内容，突出工作任务与知识技能的联系，让学生在职业实践活动的基础上掌握知识，

2、增强课程内容与职业能力要求的相关性，提高学生的就业能力。l教材优劣分析1、总体分析：优势：以预备知识→任务实施→延伸阅读为内容的组织形式，知识点全面，讲解详尽；任务教学，步骤清晰，目标明确；配套素材完善。缺点：仍是传统的先介绍知识点，再进行项目教学，没有体现“做中教，做中学”的课改特色。2、本教学单元内容分析：原教材项目三集中了所有页面布局的技术，div布局的案例甚至不是单独的任务，而只在实训内容中给出，不能体现出DIV作为先进网页布局方法的重要地位，并且案例只有一个，技能训练内容较少，无法让学生真正掌握DIV布局的方法。l教学内容整合1、添加和修改

3、案例技能的提升不在理解，而是不断的重复和反复，才能由最初的知道怎么做，即初级技能，上升到动作趋向自动化，即技巧性技能。因此，想让学生学会使用DIV进行页面的布局，一个案例是远远不够的。但是考虑到课时的安排，也不宜增加太多，因此，本教学内容增设了一个案例。选取的案例要符合两个特点：一是能体现本模块要求学生掌握的知识技能；二是案例要具有代表性、时尚感，符合学生的职业岗位能力需求。教材案例“一翔软件”网页能符合以上特点。但是，在布局上嵌套多，稍嫌复杂，div布局由于CSS样式规则杂且多的原因，本身就比较难掌握，太复杂的例子会影响学生学习的兴趣和动力，因此，

4、引入了相对简单的“搜索引擎”案例，将原教材的案例作为拓展实践的内容。将“一翔软件”页面修改、简化，作为拓展实践的选择制作页面，以适应学生参差不齐的学习和实践能力。2、教学内容调整加重了DIV+CSS布局方法的讲解，将DIV布局作为独立的模块划分出来；现将教学内容以知识点为中心转变为以“工作任务”为中心，让学生在完成任务的过程中，自主的构建知识和技能，发展专业能力。教学目标设计：教学目标制定依据l“计算机网络技术”专业人才培养方案和课程标准本部分要求学生了解当今普遍使用的布局方法-DIV+CSS布局，掌握使用DIV进行网页布局的技术，以及能够通过CSS

5、样式表达到美化页面的效果。l教材要求结合教材项目三：“网页布局与批量制作”的任务二实训：制作“一翔软件”网页中要求学生掌握的DIV+CSS布局的知识和技能。教学目标知识目标能力目标素质目标l掌握DIV布局页面的方法；l能够使用DIV+CSS进行页面的布局；l能够灵活的使用CSS样式定位和美化页面元素。l提升使用DIV进行网页布局的意识。l提升网页设计和制作中自主学习和团队合作的意识。学生情况分析：认知水平l学生已经学习过表格布局、CSS样式设置和层的使用方法；l通过表格布局的学习，学生对网页的布局和制作产生了浓厚的兴趣；学习能力l动手能力和模仿能力较

6、强。l学生自立、自主意识薄弱，不能主动分析解决问题，探索新知。即创作力弱。学习特点l学生思维活跃，活泼好动，喜欢交流，合作解决问题。教学重难点分析和解决措施项目内容解决措施重点使用DIV+CSS布局页面的方法。通过分析，让学生有初步布局的认识；通过模仿，让学生掌握案例中的布局方法；通过实践，让学生跳出当前的布局模式，体会新的布局方法，从而获得布局的常用技巧和布局优劣的区分方法。难点Div标签的布局显示；标签中层的显示。通过对比，从认知上区分其显示效果的不同；通过重复任务，从操作上获得正确的设置方法。通过反复任务，掌握布局的技巧和常用的属性设置技巧从而

7、美化页面。教学资源l参考资料《从零开始-Dreamweaver典型案例》人民邮电出版社；lDreamweaver8工作环境；l《网页设计与制作》精品课程网站（自己开发）；l教学幻灯片；任务分解任务一：分析“搜索引擎”页面的布局；任务二：“搜索引擎”页面（top）页眉布局与制作；任务三：“搜索引擎”页面主体（body）布局与制作；任务四：“搜索引擎”页面页脚（food）布局与制作；独立实践：“一翔软件”页面制作。教学环节概述引入创造模仿分析实践引入：通过提问引入DIV布局方法，激发学生完成案例页面的兴趣；模仿：通过老师讲解演示、学生学习模仿、引导学生分

8、析解决任务过程中的问题，让学生在任务的完成过程中，自主的构建表格布局、属性设置等知识和技能。创造：通过给学生