给网页添加动感效果.docVIP

《给网页中添加动态效果》教案 【教学课题】 初中信息技术下第11单元设计主题网站中第2节教材分析：本节内容网站制作的美化部分，对于学生来说，这部分的内容生动活泼是对他们前段时间所有的学习的一个巩固，学生很有兴趣，做好后也很有成就感。 a:u[)C;S/ ?学情分析：学生在前面的学习中，已经学会了如何制作网页，按照书本上的要求也制作出了两张网页，学生对自己的劳动成果感到了满意，对自己也充满了信心。所以他们急于把网页增添动态效果，有了较强的学习的主动性。 ?vr`Ve0A ? ,[$]rtbXO 1．知识目标 理解动态网页与网页动态效果的区别。 掌握网页动态效果的制作的技巧。 2．技能目标 能在网页设计时根据需要适当加入flash影片、滚动字幕、交互式按钮等特效；培养学生网页设计的审美能力、互动协作能力、创新能力。 3．情感目标 通过学生自主学习网页动态效果的制作，形成积极、主动的学习气氛，激发学生的学习兴趣，培养学生的探究意识和创新能力。 【教学重点、难点及对策】 1．重点：滚动字幕、交互式按钮等动态效果的制作与Flash的插入。 2．难点：各种效果对象的属性设置。 3．对策：针对本课时操作性强的特点，强调学生创作的过程，在这个过程中通过教师的引导和学生的相互观摩比较，利用因特网自主学习给网页添加更多特效。 教学进程如下：作品演示观摩——教师引导——学生创作——小组交流评选——展示总结。 【教法和学法分析】 本课教学采用“以学生为中心的网络教学模式”，充分发挥网络教学的优势，努力为学习者创设一个张扬个性共同提高的学习环境。 本课考虑到学习者的个体差异，采用高效率的“各取所需”的学习方法——即事先准备好各个知识点的教学片断——用Flash CAM录制好示范操作过程。学生如有知识盲点可以点击相关链接查看相应内容——获得即时的帮助与指导。 【教学准备】 具有动态效果的网页，包括滚动字幕、交互式按钮和FLASH的插入、网络环境 为了能在课堂上给学生更多的操作时间，教师在课前应先建立学习网站，设置好网络环境，这是本课时能否顺利进行的关键，它包括以下几个模块： ① 课程导航：提供本节课程学习要点，让学生了解本节课的教学实施方案及有关教学的基本信息。提供相关资源检索、参考书目、相关网站、导航帮助等。 ② 学习教程：提供本节知识点的内容详解和相应操作指导。操作指导部分是事先用Flash CAM录制的示范操作过程。学生如有知识盲点可以点击查看相关内容——获得即时的帮助。另设优秀网页展示园地，供学生学习和欣赏。 ③ 协作学习：提供多样化的交互方式。讨论区、BBS、基于文本和图像的电子白板等方式，实现协作交流。学生机上设置共享文件夹，把设计好的网页保存至该文件夹下，其他学生通过网上邻居即可实现对该网页的访问。 ④ 自我评估：学生通过对示范网页的观察；小组评选中对作品的比较；总结评价时对他人作品的分析，从而让学生自己逐步建立起比较直观、全面的优秀网页概念。 ⑤ 教学管理：教师评价、学生作业提交等。 【教学过程】 教学步骤 教 师 活 动 学 生 活 动 设计意图 引入课题 4分钟 对比网页： 观察三个网页（无任何修饰的网页、有图片单元格背景的网页、有基本动态效果的网页）。 ①学生观察展示的网页作品； ②根据展示的作品确定自己比较喜欢的网页。 由学生总结常用的动态效果有哪些 为下面的学生做好铺垫。 任务设置 导出任务 5分钟 本课的任务： ①装修无任何修饰的网页； ②要求在网页中使用三种以上动态效果，并能设置相应的属性； 在因特网和校园网中搜索素材，使用在线帮助。 学习时间分配： 作品创作20分钟； 小组观摩评选5分钟； 总结展示作品10分钟。 ①学生根据提出的问题，确定自己的主题和需要学习的动态技巧； ②素材可自己创作或利用因特网下载。 联系实际，培养学生利用因特网获取信息的能力。 创作作品 20分钟 思考：字幕若改为从下往上？鼠标移上停止滚动？（充分利用因特网自主学习） 如何加入javascript脚本实现网页的动态特效？ ②巡视辅导、参与讨论、个别指导。 ①根据任务，利用因特网和校园网资源库，搜索与主题相关的动画； ②点击在线帮助，“各取所需”，学习一些必要的知识和操作方法； ③有基础的同学，思考一些常用特效如何加入网页中？ 分层任务，因材施教 观摩讨论 分组评选 3分钟 将班级分成5人一组，先组内推选优秀作品1-2个，再组间评选 参与评论 ①按小组交流作品； ②每小组评选一个较有特色的作品在全班展示； ③自我评价：你的网页可以得________分。你认为小组比较好的网页有_______________。 培养学生，发现问题的能力 总结评价展示作品 8分钟 教师对网页中的优点和不足作点评，对具有创新意识的设计给予表扬。 ①展