10.2.4给网页添加动感效果

《10.2.4给网页添加动感效果》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、《给网页中添加动态效果》教案【教学课题】初中信息技术下第11单元设计主题网站中第2节第4部分《给网页中添加动态效果》教材分析：本节内容属于网站制作的美化部分，对于学生来说，这部分的内容生动活泼是对他们前段时间所有的学习的一个巩固，学生很有兴趣，做好后也很有成就感。学情分析：学生在前面的学习中，已经学会了如何制作网页，按照书本上的要求也制作出了两张网页，学生对自己的劳动成果感到了满意，对自己也充满了信心。所以他们急于把网页增添动态效果，有了较强的学习的主动性。【教学目标】1．知识目标理解动态网页与网页动态效果的区别。掌握网页动态效果的制作的技巧。2．技能目标能

2、在网页设计时根据需要适当加入flash影片、滚动字幕、交互式按钮等特效；培养学生网页设计的审美能力、互动协作能力、创新能力。3．情感目标通过学生自主学习网页动态效果的制作，形成积极、主动的学习气氛，激发学生的学习兴趣，培养学生的探究意识和创新能力。【教学重点、难点及对策】1．重点：滚动字幕、交互式按钮等动态效果的制作与Flash的插入。2．难点：各种效果对象的属性设置。3．对策：针对本课时操作性强的特点，强调学生创作的过程，在这个过程中通过教师的引导和学生的相互观摩比较，利用因特网自主学习给网页添加更多特效。教学进程如下：作品演示观摩——教师引导——学生创作

3、——小组交流评选——展示总结。【教法和学法分析】本课教学采用“以学生为中心的网络教学模式”，充分发挥网络教学的优势，努力为学习者创设一个张扬个性共同提高的学习环境。本课考虑到学习者的个体差异，采用高效率的“各取所需”的学习方法——即事先准备好各个知识点的教学片断——用FlashCAM录制好示范操作过程。学生如有知识盲点可以点击相关链接查看相应内容——获得即时的帮助与指导。【教学准备】具有动态效果的网页，包括滚动字幕、交互式按钮和FLASH的插入、网络环境为了能在课堂上给学生更多的操作时间，教师在课前应先建立学习网站，设置好网络环境，这是本课时能否顺利进行的关

4、键，它包括以下几个模块：①课程导航：提供本节课程学习要点，让学生了解本节课的教学实施方案及有关教学的基本信息。提供相关资源检索、参考书目、相关网站、导航帮助等。②学习教程：提供本节知识点的内容详解和相应操作指导。操作指导部分是事先用FlashCAM录制的示范操作过程。学生如有知识盲点可以点击查看相关内容——获得即时的帮助。另设优秀网页展示园地，供学生学习和欣赏。③协作学习：提供多样化的交互方式。讨论区、BBS、基于文本和图像的电子白板等方式，实现协作交流。学生机上设置共享文件夹，把设计好的网页保存至该文件夹下，其他学生通过网上邻居即可实现对该网页的访问。④自

5、我评估：学生通过对示范网页的观察；小组评选中对作品的比较；总结评价时对他人作品的分析，从而让学生自己逐步建立起比较直观、全面的优秀网页概念。⑤教学管理：教师评价、学生作业提交等。【教学过程】教学步骤教师活动学生活动设计意图引入课题4分钟对比网页：观察三个网页（无任何修饰的网页、有图片单元格背景的网页、有基本动态效果的网页）。①学生观察展示的网页作品；②根据展示的作品确定自己比较喜欢的网页。由学生总结常用的动态效果有哪些为下面的学生做好铺垫。任务设置导出任务5分钟本课的任务：①装修无任何修饰的网页；②要求在网页中使用三种以上动态效果，并能设置相应的属性；在因特

6、网和校园网中搜索素材，使用在线帮助。学习时间分配：作品创作20分钟；小组观摩评选5分钟；总结展示作品10分钟。①学生根据提出的问题，确定自己的主题和需要学习的动态技巧；②素材可自己创作或利用因特网下载。联系实际，培养学生利用因特网获取信息的能力。创作作品20分钟思考：字幕若改为从下往上？鼠标移上停止滚动？（充分利用因特网自主学习）如何加入javascript脚本实现网页的动态特效？②巡视辅导、参与讨论、个别指导。①根据任务，利用因特网和校园网资源库，搜索与主题相关的动画；②点击在线帮助，“各取所需”，学习一些必要的知识和操作方法；③有基础的同学，思考一些常用

7、特效如何加入网页中？分层任务，因材施教观摩讨论分组评选3分钟将班级分成5人一组，先组内推选优秀作品1-2个，再组间评选参与评论①按小组交流作品；②每小组评选一个较有特色的作品在全班展示；③自我评价：你的网页可以得________分。你认为小组比较好的网页有_______________。培养学生，发现问题的能力总结评价展示作品8分钟教师对网页中的优点和不足作点评，对具有创新意识的设计给予表扬。①展示各小组代表作品；②学生参与评论，班级中比较好的网页有；③对自己的作品进行“润色”修改。提高学生审美情趣【教后反思】本课教学打破了“传统教学+网络的教学模式”，采用

8、“以学生为中心的网络教学模式”，努力为学生创设一种相