给网页添加动感效果

《给网页中添加动态效果》教案

【教学课题】

初中信息技术下第11单元设计主题网站中第2节第4部分《给网页中添加动态效果》

教材分析：本节内容属于网站制作的美化部分，对于学生来说，这部分的内容生动活泼是对他们前段时间所有的学习的一个巩固，学生很有兴趣，做好后也很有成就感。

学情分析：学生在前面的学习中，已经学会了如何制作网页，按照书本上的要求也制作出了两张网页，学生对自己的劳动成果感到了满意，对自己也充满了信心。所以他们急于把网页增添动态效果，有了较强的学习的主动性。

【教学目标】

1．知识目标

理解动态网页与网页动态效果的区别。

掌握网页动态效果的制作的技巧。

2．技能目标

能在网页设计时根据需要适当加入flash影片、滚动字幕、交互式按钮等特效；培养学生网页设计的审美能力、互动协作能力、创新能力。

3．情感目标

通过学生自主学习网页动态效果的制作，形成积极、主动的学习气氛，激发学生的学习兴趣，培养学生的探究意识和创新能力。

【教学重点、难点及对策】

1．重点：滚动字幕、交互式按钮等动态效果的制作与Flash的插入。

2．难点：各种效果对象的属性设置。

3．对策：针对本课时操作性强的特点，强调学生创作的过程，在这个过程中通过教师的引导和学生的相互观摩比较，利用因特网自主学习给网页添加更多特效。

教学进程如下：作品演示观摩——教师引导——学生创作——小组交流评选——展示总结。

【教法和学法分析】

本课教学采用“以学生为中心的网络教学模式”，充分发挥网络教学的优势，努力为学习者创设一个张扬个性共同提高的学习环境。

本课考虑到学习者的个体差异，采用高效率的“各取所需”的学习方法——即事先准备好各个知识点的教学片断——用Flash CAM录制好示范操作过程。学生如有知识盲点可以点击相关链接查看相应内容——获得即时的帮助与指导。

【教学准备】

具有动态效果的网页，包括滚动字幕、交互式按钮和FLASH的插入、网络环境

为了能在课堂上给学生更多的操作时间，教师在课前应先建立学习网站，设置好网络环境，这是本课时能否顺利进行的关键，它包括以下几个模块：

①课程导航：提供本节课程学习要点，让学生了解本节课的教学实施方案及有关教学的基本信息。提供相关资源检索、参考书目、相关网站、导航帮助等。

②学习教程：提供本节知识点的内容详解和相应操作指导。操作指导部分是事先用Flash CAM录制的示范操作过程。学生如有知识盲点可以点击查看相关内容——获得即时的帮助。另设优秀网页展示园地，供学生学习和欣赏。

③协作学习：提供多样化的交互方式。讨论区、BBS、基于文本和图像的电子白板等方式，实现协作交流。学生机上设置共享文件夹，把设计好的网页保存至该文件夹下，其他学生通过网上邻居即可实现对该网页的访问。

④自我评估：学生通过对示范网页的观察；小组评选中对作品的比较；总结评价时对他人作品的分析，从而让学生自己逐步建立起比较直观、全面的优秀网页概念。

⑤教学管理：教师评价、学生作业提交等。

【教学过程】

【教后反思】

本课教学打破了“传统教学+网络的教学模式”，采用“以学生为中心的网络教学模式”，努力为学生创设一种相互协作、相互激励的同时又能够让学习者张扬个性的学习环境。整个课堂以装修网页为主题，从争做资深设计师为引线，给网页添加动画效果。

本课围绕作品的创作实践，是学习者主动参与、相互协作、相互激励、共同提高的过程，在整个过程中教师既是活动的策划者和组织者，同时又是参与者。教师的“主导”地位体现在教学设计的全过程，即对课程总体结构的把握；对教学目标的把握；对整个教学环境和教学节奏的把握；课堂上对学生“有的放矢”、“画龙点睛”的及时指导。这是教师引导的体现。

诚然，一节课的教学，并不能引导学生将信息技术作为支持其主动探究学习及终身学习的工具，重要的是，通过一节常规教学课，引发教者如何根据计算机学科的现代性、实践性、工具性、应用性等特点，对计算机教育中必须培养学生哪些素质、如何培养学生素质、学生具备这些素质的意义等问题进行更深层次的思考。