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

第2节 制作网站——给网页增加动感效果 【教学目标】 1． 知识与技能目标 （1）了解动态网页与网页动态效果的区别。 （2）掌握网页动态效果的的制作。 （3）掌握“插入”菜单中“标签”、“图像对象”和“媒体”的使用方法，给网页增添动态效果。 2． 过程与方法 通过比较，体会网页动态效果的设置价值；通过任务式驱动，提供图文或视频等充足的帮助资料，引导学生自主学习，掌握网页动态效果的制作方法和注意事项。 3． 情感态度与价值观 通过网页动态效果的制作，进一步激发学生设计网页、制作网页学习的兴趣，培养探究意识和创新能力。 【教学重点】 滚动字幕、交替显示的图像、Flash动画的插入。 【教学难点】 标签选择器的使用及各种效果对象的属性设置。 【教学方法】 自主探究式学习；任务驱动式教学。 【课时安排】 1课时 【教学过程】 教学环节 教师活动 学生活动 设计意图 一、导入 比较：分别呈现静态效果网页和有动态效果的网页，请学生比较它们给浏览者的不同感受。 ——引入本课内容 观察，比较，进入主题。 开门见山。 二、新授 注意：以下网页动态效果需要在预览模式下方可看到效果！ （一）任务一：添加滚动字幕（第1组） 1、呈现作品效果 2、请学生参考“视频演示”文件自主学习操作 关键点： ◆文本的大小、字体、颜色等 （在属性面板中进行设置） ◆运动方向 (direction) （二）任务二：制作交替显示的图像（第2组） 1、呈现作品效果 2、请学生参考课本P80“实践学习”自学探究 关键点： ◆单击“插入——>图像对象——>鼠标经过图像”命令 ◆选项设置： “原始图像”，“鼠标经过图像”，以及“按下时，前往的URL”等，最后单击“确定”按钮 （三）任务三：插入Flash动画（第3组） 1、呈现作品效果 2、请学生参考课本P81相关说明文字自主探究操作 关键点： ◆插入——>媒体——>Flash ◆Flash显示窗口的大小调整 三个实践任务均先请学生观看动态效果，再请其分组探究，后由小组代表演示汇报，师适时纠错补充并强调关键点，最后组间共享，集体完成或完善操作。 整个新授部分仍然采用任务驱动的模式，在学生分组探究完成具体任务的过程中学习协作，感受效果，学会操作。 师适当提点可以运用Flash软件制作动感更强的交替显示的图像效果。 三、探究 任务四：利用Dreamweaver交替显示图像的功能，给网页制作一组交替显示的图像按钮，如上图所示。（图示见学案文件） 步骤提示： （1）制作原“图像按钮”和鼠标经过的“图像按钮”（有所不同的图像，见素材文件夹)。 （2）用这两个图像制作交替显示的图像。 （3）设置“图像按钮”超链接到一个网页，就可实现交互式按钮的功能。 在师的提点下，学生自学仿照“交替显示的图像”制作方法，尝试完成操作。 探究操作是任务，也是本课新知识的及时运用。 时间关系，可以提供半成品，即事先做好几个按钮，其余让学生完成。 四、展评与小结 师生给予评价 本课知识点小结 学生作品展示 感受成果，及时归纳。 五、拓展 上网搜索，了解“动态网页”和“网页动态效果”的区别。 学有余力，自学了解。 给学有余力的学生指明拓展的方向。 教学后记 学科网（北京）股份有限公司 $$