网页中动态效果的制作VIP专享VIP免费

网页中动态效果的制作扬中市八桥中学高志【教学目标】1.知识与技能（1）掌握网页动态效果的制作（2）掌握“插入”菜单中“图像对象”和“媒体”的使用方法，给网页增添动态效果。2.情感态度与价值观（1）通过自主学习网页动态效果的制作，激发在积极、主动的学习气氛中的学习兴趣以及培养探究意识和创新能力。（2）培养对家乡的热爱与身为扬中人的自豪之情。【教学重点与难点】重点：滚动字幕、交替显示图像等动态效果的制作与flash动画的插入。难点：标签选择器的使用及各种效果对象的属性设置。【教学方法与教学手段】任务驱动、自主探究、小组合作讨论【教学过程】学习过程教师活动学生活动设计意图引入打开两张分别为静态与加有动态效果的网页，请学生比较哪张更活泼生动？学生观察比较两张网页，指出他们的不同点师生共同分析网页，引入新课，分析本节课的任务新授任务一：网页中插入一个flash动画教师巡视，个别指导提问：如何调整flash的大小？如何查看flash动画的效果？请学生根据网页学案学习。学生上台操作。强调flash大小的调整任务二：交替显示图像的制作教师巡视，个别指导做好的学生尝试完成提高任务教师协助补充教师个别指导请学生根据网页学案自主学习。请组内互助学习学生上台展示提高任务学生继续完善作品会制作交替显示的图像，并会制作按钮提示：两张图片的大小一致任务三：滚动字幕的制作教师巡视，个别指导提示：修改代码的位置是之间提高任务（做好的学生根据视频自主尝试）请学生根据网页学案学习。组内互助学生上台展示操作步骤学生自主探究、讨论学生自主学习，发现问题，组内讨论解决问题。教师提醒易错内容。总结与评价展示学生的作品，师生给予评价，激发他们更大的主动性和积极性归纳总结学生互评。学会评价，学会欣赏一、导入：师：今天我们迎来了盼望已久的远方的客人，让我们用扬中人的热情欢迎老师们的到来！生：鼓掌……师：扬中人的热情源于扬中这块热土。让我们一起来领略一下这片热土的魅力吧。师：你觉得哪张网页更生动活泼？生：魅力扬中1师：为什么？我们来比较一下，他们有什么不同？（展示交替显示图片、flash、滚动字幕）生：……师：Dreamweaver提供了如交替显示图片、flash、滚动字幕等动态效果，这节课，我们就来学习这三种动态效果，让我们的网页更加有活力。首先，我们学习如何插入flash动画。二、任务一：插入flash1.请大家打开桌面上“Dreamweare学习网站”文件，单击左侧的“插入flash动画”。请你根据网页学案中的提示，完成E盘xs文件夹中的biaoge网页。2.生操作，师巡视。3.师：请做好的同学下位指导一下有困难的同学，并讨论学案中的思考题，做好回答问题的准备。4.请生上台，边操作边讲解。师评价：很好，我们的同学掌握的很快，操作也非常熟练！5.师：请未完成的同学继续完成，做完的同学完成下一个任务：交替显示的图片。只要完成基础任务就可以。三、任务二：交替显示的图片。1.生操作，师协助2.请做好的同学上台演示师：很好，操作很好，但计算机语言表述要再准确些会更好。3.请没有做好的同学继续完善，请做好的同学完成“提高任务”4.展示学生的提高任务。请学生说说和刚才有什么不同。不要求所有学生都会做四、任务三：滚动字幕。1.下面我们来完成最后一个任务“滚动字幕”，但我希望大家能从滚动字的颜色、背景色、字体这些方面做适当的修改，做出和范例中不一样的效果。2.学生尝试（有问题的同学可以相互讨论）3.请学生上台操作，并展示有错误的作业，思考如何帮助他解决这个问题。拓展任务：我们还可以做下面的这些效果。时间有限，我们课上就不去完成，有兴趣的同学可以课后根据视频自己摸索。综合提高：请1、2两组完成xzhz1，展示我们的成果并评价。下面，让我们带老师们一起欣赏一下我们的成果。师：请对照评价表，看看你今天有哪些收获？很好。通过这节课的学习，我们学会了三种网页的动态效果，希望大家能灵活应用这些效果做出更具个性的网页。过程性评价表班级学号姓名课程内容评价要素评价标准自我评价小组评价ABCDABCD学习态度积极主动参与学习，有进取心学习目标明确，按时完成学...