《动感网页》参考教案

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