浅谈网页制作之网页版面的教学设计.docxVIP

浅谈网页制作之网页版面的教学设计 浅谈网页制作之网页版面的教学设计 【摘要】相同的课程采用不同的教学方法，会有截然不同的教学效果。针对《网页制作》这门课程综合性、理论性和实践性非常强的特点，为了让学生更好的理解和掌握网页制作的知识和技能，从而取得良好的教学效果，文章从教材分析、教学对象分析、设计思路、教学目标、教学重难点以及教学过程和评价阐述这门课程教学设计思路。 【关键词】网页制作 任务驱动 小组分工合作 【中图分类号】G42 【文献标识码】A 【文章编号】2095-3089（2021）06-0252-02 《Dreamweaver MX2021中文版网页制作基础》是中等职业技术学校计算机网络方面的一门主干专业课程，它的操作性与实践性特别强，深受学生欢迎。为了更好的让学生掌握网页制作的精髓，教师应该经常关注且精心设计课程教学方案，笔者结合“重庆幼专招生信息查询”网页这个具体的实例，探讨这一问题。 一、教材分析 我校选用的教材是《Dreamweaver MX2021中文版网页制作基础》，它的最大特点是采用“任务驱动，案例教学”的形式，充分考虑了中等专业学校教师和学生的实际需要，通过具有趣味性的实例来讲解网页设计与制作方面的应用技巧和基本方法，使教师教起来方便，学生学起来实用。 在学习本课程之前，学生已初步掌握了英特网相关基础知识，计算机硬件组装与维护，数据库设计与应用，Office办公软件的应用，Photoshop图形图像处理，FLASH二维动画设计，3dmax三维动画设计等内容。因此，学生已经具备了收集、获取和编辑文本、图像信息的能力，我们应把重点放在网页信息表达能力方面（比如，在版面美化、文字内容的表达、图片的内涵），加强学生的信息意识，提高处理信息的能力；本书第四章中以“我的个人主页”为案例设计给同学们丰富的想象空间，迎合了学生善于展现自我的特性，促使他们主动、创造地学；网页设计效果的评价能使学生了解内容编排的原则，页面布局的种类，色彩的搭配，内容和形式的统一等，提高他们的艺术修养和审美情趣。 在教材内容的编排上，抓住了预备知识――环境的设置――网页元素（如文本、图像、表格、表单）――框架――CSS样式――模板和库――代码设计――网页的发布与维护这条主线，以贴近生活的项目实例，使学生从总体上把握了网站的设计开发。 二、教学对象分析 本课程教授对象是中等专业学生，他们对操作实践性较强的课程学习积极性明显高于纯理论知识的学习，特别是《网页制作》这门课程，在当今时代，它与我们的生活息息相关，再加上它的界面融合了文本、图片、动画、音视频等一体，使学生产生极大的兴趣，激化学生对网页实现原理和方法的欲望；在学生已掌握办公文字处理、图形图像处理、动画制作的基础之上，教师在教学过程中要注意引导学生将所学知识应用到网页制作，同时也达到巩固旧知识的目的；教师要实时监控学生分组协作学习情况，鼓励多交流，并总结心得与体会，使协作学习真正走向成熟。 三、设计思想 制作“重庆幼专招生信息查询”网页，带有一定的综合性，它真实再现网站设计理念。因此应将项目任务分解，采用小组之间相互协作学习方式是非常必要的。根据网站建设项目的特点，将项目任务分成网站总体规划设计、网站运行环境的配置、网页版面的布局、图形图像的处理、文字内容撰写等，每个小组就是一个完整的开发设计团队，由5-6人组成，每小组成员在组长的统一指挥下，完成相应网页元素的加工处理，这样可以充分调动每个同学的积极性，发挥每个同学的特长，培养每个同学的团队意识，达到取长补短、相互促进，共同完成并组合成一个“重庆幼专招生信息查询”网页。最后，各小组作品实现互评，并指出各自的优缺点。 四、教学学习目标 本单元的认知、情感和动作技能三种目标分述如下： 认知目标： （1）能熟练应用表格布局网页。 （2）能独立分析常见网页版面布局。 （3）能熟练应用文本插入、图片的编辑和表格的绘制。 （4）能客观评价网页的内容和风格，具备一定的审美能力。 情感目标： （1）通过课堂中出现的网页，渗透爱党爱校教育。 （2）具有乐于助人、团结协作的精神。 技能目标： （1）能模仿网页进行实际网页的制作。 （2）能在网页中熟练地插入文字、图片、动画、水平线。 （3）能使用简单的表格编排网页内容，使网页的结构清晰，内容整齐。 （4）能选择合适的网页背景图案和背景音乐。 （5）能够插入简单的表单，使网页具有初步的动态交互功能。 五、教学重点 掌握网页布局，表格的制作与编辑方法、表格的嵌套和属性