3.2.7给网页增加动感效果 教学设计 2023—2024学年苏科版（2018）初中信息技术八年级全一册.docxVIP

第2节制作网站——给网页增加动感效果

【教学目标】

知识与技能目标

（1）了解动态网页与网页动态效果的区别。

（2）掌握网页动态效果的的制作。

（3）掌握“插入”菜单中“标签”、“图像对象”和“媒体”的使用方法，给网页增添动态效果。

过程与方法

通过比较，体会网页动态效果的设置价值；通过任务式驱动，提供图文或视频等充足的帮助资料，引导学生自主学习，掌握网页动态效果的制作方法和注意事项。

情感态度与价值观

通过网页动态效果的制作，进一步激发学生设计网页、制作网页学习的兴趣，培养探究意识和创新能力。

【教学重点】

滚动字幕、交替显示的图像、Flash动画的插入。

【教学难点】

标签选择器的使用及各种效果对象的属性设置。

【教学方法】

自主探究式学习；任务驱动式教学。

【课时安排】

1课时

【教学过程】

教学环节

教师活动

学生活动

设计意图

一、导入

比较：分别呈现静态效果网页和有动态效果的网页，请学生比较它们给浏览者的不同感受。

——引入本课内容

观察，比较，进入主题。

开门见山。

二、新授

注意：以下网页动态效果需要在预览模式下方可看到效果！

（一）任务一：添加滚动字幕（第1组）

1、呈现作品效果

2、请学生参考“视频演示”文件自主学习操作

关键点：

◆文本的大小、字体、颜色等（在属性面板中进行设置）

◆运动方向(direction)

（二）任务二：制作交替显示的图像（