《动感网页》参考教案.docVIP

第9课时 动感网页 教学目标： 了解动感网页与动态网页。 熟练制作DHTML动态效果、滚动字幕。 能设置背景音乐、插入FLASH影片。 教学重点和难点： 1.教学重点。 制作DHTML动态效果、字幕、设置背景音乐、插入FLASH影片。 2.教学难点。 动感网页与动态网页的区别、“字幕属性”对话框中的“速度”。 教学过程： 教学环节 教师活动 学生活动 设计意图 导课 i.展示优秀动感网站范例，如 http;//iwishihadaname. com/等，让 学生感受，原来网页信息的呈现也能这样活泼生动。 2.引言:这些网站，通常是运 用了Flash影片、图片文字特效等， 现在我们一起来学习制作动感网 页吧! 3.课件显示课题:第9课《动 感网页》。 观看教师展示网站，感受动感网页呈现信息时强大的视觉冲击力、生动真实及能交互等特点。 倾听，了解动感网页通常是运用动画、图片文字特效完成的，跟教师进入本课的学习。 明确课题—动感网页 设置体验型情境，让学生观察，感受动感网页表达信息的优 点，激发学生学习新知识的欲望。 交流讨论理解新知 }.布置任务:四入一组，利用 因特网及教师提供的资料，交流讨论何为动感网页，它与动态网页是否相同，并在因特网上找一两个案例支持自己的观点。 2.请个别小组代表汇报自己的 想法，并把例证展示。 3.点评学生代表汇报，多元评 价学生，注重激励，纠正偏差之处， 补充遗漏之点，概括出动感与动态的区别:动感网页一般指网页元素在视觉上给入动的效果，如飞入、滚动等;动态网页则是采用动态网站技术生成的网页，它可以是纯文字的。 用自己的语言说出动感与动态的区别，利用开放的因特网环境寻找网站实例来支持自己的想法，分小组交流讨论，纠正或强化自己的观点。 倾听小组代表发言，并对照同学的发言对自己的想法进行纠正或强化。 听教师点评，学习如何点评同学汇报，理解动感与动态的区别。 提供真实的上网环境，培养学生从特殊到一般(说出动感网页与动态网页的关系)及从一般到特殊 (举例)的逻辑思维能力。 任务驱动，自主探究 1.边演示边讲解制作动感网页 的基本技术，如应用“DHTML效 果”工具栏制作图片飞入效果、应用Web组件”制作字幕、设置背景音乐及插入Flash影片等。 在讲解插入Flash影片后注意引导学生充分感受网页动画的互动性。 2.布置任务:请同学们参考教 材P50 - 53内容，上机实践，熟悉动感网页制作技术。 3.巡视全班，个别辅导，关照 学生是否能独立完成相应的探究任 务，必要时进行集体点评。 听讲，了解制作动感网页的常用技术，如制作DHTML,效果、制作字幕、设置背景音乐及插入 Flash影片等，充分感受各种动感网页制作技术所带来的神奇效果，体验网页动画的交互性，如七巧板拼图游戏，可以让浏览 者在线练习。 上机操作实践，教师布置任务。 学习有困难时，寻求教师帮助，听取教师的集体点评。 基于任务的学习过程并不排斥教师的讲解，对于新知要进行必要的讲解在 教师讲解的支持下学生自主探究实践，更能提高学习的效率。 练习巩固，应用迁移 1.布置任务:请同学以小组合 作方式，完成教材P54创新活动— 新建一个介绍班级动态的网页，并使之初具动感。 2.巡视全班，个别辅导，关注 小组协作探究学习的情况，适当点评学生探究活动过程。 3.展示小组代表完成的班级动 态网页，请学生代表交流自己小组的创作过程。 4.听取学生代表发言并引导全 班同学一起评价。 小组合作，上机实践，完成教师布置任务，进一步熟练插入Flash影片、制作图片飞入特效、制作滚动字幕等操作。 有困难时及时寻求教师帮助，听取教师的点评。 观察同学展示的页面，进行点评，倾听同学交流。 听取教师点评，并根据点评的建议进行适当的修改完善。 新任务情境加深学生对知识的理解.提高认知灵活性。 归纳小结，梳理知识 引导学生归纳小结本活动用到的主要知识点。 ①动感只是视觉效果，不等同于动态。 ②DHTML功能是将选定的网页元素设置为动画效果，例如，当访问者浏览网页时，单击或双击某个网页元素，该元素就会发生飞出页面等动画效果。 3}FrontPage还将一些常用的功能制作成组件，网页设计者只需在网页中插入相应的组件，即可实现字幕、交互式按钮等动态效果。 回顾本节课学习的知识技能，与教师一起小结归纳，梳理知识。 归纳小结，系统化知识技能. 3 / 4