3.2.7给网页增加动感效果-苏科版八年级信息技术教案

3.2.7给网页增加动感效果 教材分析 “给网页增加动感效果”是苏科版初中信息技术（8年级）中第3章“网站设计”中的第2节内容，本章节内容培养学生制作网站的能力与探索欲望。本节课主要让学生了解什么是网页动感效果，掌握在Dreamweaver环境下插入文本、图片、动画制作的一般步骤，形成网页动态效果。 教学目标 1.知识与技能 a、了解网页动感效果的制作方法； b、学会在Dreamweaver中添加滚动字幕，制作交替显示的图像，插入flash动画的步骤。 2.过程与方法 a、通过“dongwu”网站的制作来激发学生学习网站制作的兴趣。 b、通过滚动字幕，插入图像、flash动画的方法和步骤，让学生学会为网页增添活力。 3.情感态度与价值观 通过本节给网页增加动感效果的学习，让学生学会网站设计；在制作过程中，培养学生分析问题和解决问题的能力，培养学生爱护动物的情感。 课时安排： 2课时 教学重点与难点 1.教学重点 a、添加滚动字幕； b、制作交替显示的图像； c 、插入flash动画。 2.教学难点 在Dreamweaver环境中交替显示图像以及动画的制作。 教学方法与手段 讨论探究法、讲解与演示法、类比知识迁移法、任务驱动法 教学准备 PPT教学课件 教学过程 教学过程设计 教师活动过程 学生活动过程 设计意图 一、知识点回顾： 师生共同回顾已经学习的网页制作的基本知识和方法，引入网站动态效果的学习 师生共同回顾复习制作网页的基本知识和方法 师生共同分析网页，引入新课的学习 二、新授课： 1、 理解什么事网页动感效果（创设情境、对比教学） 教师展示普通页面的网页和动感效果的网页，请学生仔细观察对比特点 2、讲解滚动字幕设计方法（任务驱动教学法）： （1）打开“动物”网站； （2）移动到单元格 “插入” “ 标签” （3）设置“滚动字幕”属性 3、学生完成“实践任务一”： 制作滚动字幕，教师巡视指导 4、学生完成“实践任务二”： 制作交替显示图像 5、学生完成“实践任务三”： 插入flash动画 6、展示优秀作品，评价作品（让学生在观看同学的作品时，领会“动感效果”的不同设置方法） 老师讲解、演示操作时学生仔细观察操作要点积极思考老师提出的问题 请学生上台尝试滚动字幕的制作，大家一起观察 学生完成“实践任务” 学生实践任