【文档说明】3.2.4《给网页增加动感效果》教学设计1-八年级信息技术【苏科版】.doc，共(2)页，42.000 KB，由小喜鸽上传

转载请保留链接：https://www.ichengzhen.cn/view-93578.html

以下为本文档部分文字说明：

课题：网页中动态效果的制作（第11单元设计主题网站第2节第5课时）一、教学目标：1、知识目标1）理解动态网页与网页动态效果的区别2）掌握网页动态效果的制作2、技能目标掌握“插入”菜单中“组件”的使用，使得网页增添动态效果。3、情感目

标通过自主学习网页动态效果的制作，激发学生在积极、主动的学习气氛中的学习兴趣以及培养学生的探究意识和创新能力。二、教学重点与教学难点：重点：滚动字幕、交互式按钮等动态效果的制作与FLASH的插入难点：各种效果对象的属性设置三、教学方法与教学手段：1、自主探究式学习2、任务驱动法教

学四、教学准备：学生自己制作的网站站点文件夹，各种相关素材，老师制作的具有教学任务的学习网站。五、教学思路：本节课内容是利用“组件”来给网页添加动态效果，使网页达到图文并茂、色彩和谐、动静结合的效果；设计了三个教学任务，一是滚动字幕的制作；二是交互按钮的制作；三是FLASH动画的插入。根据教

材中的教学内容设置与教材中一致的基础的动态效果制作任务，让每个学生必须基本完成，学习网页中提供相关操作指导；对于操作水平层次较高的学生，在网页中只给一些更高层次的网页动态效果的任务，而不提供操作指导，让这部

分学生来完成，教师也给予相应的帮助，以满足学有余力的学生的学习需求，也以此来实现自然的教学分层。在评价中，根据学生完成情况，按完成的层次来进行评价，以基础操作评价为重点，以对作操技能较高的学生的评价为诱导，来激发学生学习的热情，以逐步

提高学生操作技能的整体水平。六、教学过程：学习过程教师活动学生活动设计意图引入打开两张分别为静态与加有动态效果的网页，请学生比较它们给浏览者的不同感受；怎样才能实现这种效果呢指出动态效果给浏览者图文并茂、色彩和谐、动静结合的效果。学生观察比较两张网页，指出它们的不同

点，动态效果的良好感受。师生共同分析网页，引入新课的学习新授任务一：滚动字幕的制作学生完成学习网页上的任务，教师巡视，个别给予指导，提供多种滚动字幕形式，供学生参考，学有余力的学生可以尝试不同滚动形式，体验网页动态效果。学生参照书本内

容及学习网站自学滚动字幕的制作观察同学的操作或教学录相，并和自己的操作进行比较操作能力较高的尝试多做多作几个滚动字幕，看看不同的效果。以任务式驱动，引导学生自主学习体现分层任务二：交互式按钮的制作学生完成学习网页上的任务，教师巡视，个别给予指导，提供多种按钮形式，供学生参考，学有余力的学生可多作

几个，看看不同的效果。学生参照书本内容及学习网站自学按钮的制作观察同学的操作或教学录相，并和自己的操作进行比较操作能力较高的尝试多做多作几个按钮，看看不同的效果。以任务式驱动，学生自主学习，体现分层任务三：网页中插入一个flash动画学生完成学习网页

上的任务，教师巡视，个别给予指导，提供多个不同尺寸大小的flash文件，供学生参考，学有余力的学生可偿试插入不同尺寸大小的flash，看看如何调整。学生参照书本内容及学习网站自学FLASH在网页中的插入方法观察同学的操作或教学录相，并和自己的操作进行比较学有余力的学生

可尝试插入不同尺寸大小的flash，看看如何调整。以任务式驱动，学生自主学习，体现拓展评价每一任务结束时给予基础评价（师生共同评价）所有任务完成后，对分层任务的作品进行评价，以激发他们更大的主动性与积极性。比较分析

同学的作品，对照自己的作品，加以完善，并保存上交到老师机器上！学生对照“自我评价”表，进行过程性学习的评价激发学生学习的热情，以逐步提高学生操作技能的整体水平。小结动态效果，可以使网页达到图文并茂、色彩和谐、动静结合的效果

；令浏览者耳目一新，因此，在网站制作中，我们应尽量站在浏览者的角度来给网页的美化。举例说明，适当的地方用恰当的动态效果才能达到美化的效果。七、教学反思：