《为网页添加动态效果》教学设计

通常使用Flash动画。
Flash需要插入一个控件。有了这个控件，就可以把Flash动画插入了。
介绍操作步骤。
这个控件还可以对音频和视频进行插入操作。请大家课后练习。
有同学说，在网上看到过有的网页中的文字是运动的，那是什么技术，用FrontPage能实现吗？
答案是肯定的。这就是滚动字幕效果。
介绍操作步骤，注意事项。
教学重点
滚动字幕的设置；
Flash动画的插入方法；
合理的使用动态效果；
教学难点
动态效果与动态网页的区分；
合理的使用动态效果；
设计思想
教学过程：
教学过程
教师活动
学生活动
设计意图
创
设
情
境
引
入
新
课
在前面几节课的学习中，我们学习了把文字和图片素材应用到网页中，为我们的主题内容增色不少。
素材类型除了文字、图片，还有动画、音频、视频等。那这些素材是否也能够应用到网页中，使得网页内容更加丰富多彩呢？
还有一些，是用FrontPage中制作出来的效果，如滚动字幕效果等。
我们结合这些技术，完成一个任务。
拓展任务：
制作一个宣传保护鸟类的网页。
要求：使用动态效果。素材可以是老师提供的，也可自己动手制作，还可以上网搜索。
重点内容要突出。
小
结
梳
理
质
疑
本节课我们学习网页动态效果中的滚动字幕的制作，知道延迟越大，数量越多，滚动字幕运动的越慢，还学习了三种不同的表现方式：滚动条、幻灯片、交替。
利用滚动字幕，我们能够把重要的文字信息，及时的呈献给浏览者。
另外，我们还了解了Gif动画和SWF动画的不同插入方式。插入swf动画的方法也同样适用于视频和音频的插入。
在制作网页的过程中，我们也发现，不是动态效果越多，浏览的效果越好。我们要根据实际的内容，合理的使用动态效果。
板
书
教学目标、重点、难点及设计意图
教学目标
⒈知识与技能：
能区分动态效果与动态网页；
能够插入动态图片、滚动字幕等动态效果；
能够插入Flash动画、视频、音频等网页元素。
⒉过程与方法：
学习网页动态效果的过程中，了解所有效果要为内容服务，了解什么内容适合设置为动态效果，注意动态效果使用的合理性。
⒊情感态度与价值观：
我们先看一个例子。对比两个网页，看看哪个能够给你留下更深刻的印象。
网页展示例子。含有滚动字幕、Gif动画和flash动画。
画面中的动画图片是一种特殊的文件格式，gif。Gif动画格式有256种颜色，文件体积小，支持背景透明功能，适合在网络上使用。
它的操作方法与插入图片是一样的。
让学生自己动手操作。
swf是Macromedia公司的动画设计软件Flash的专用格式，是一种支持矢量和点阵图形的动画文件格式。具有缩放不失真、文件体积小等特点，它采用了流媒体技术，可以一边下载一边播放，目前被广泛应用于网页设计，动画制作等领域，swf文件通常也被称为Flash文件。
任务：
探究一：
数量不变，延迟变大，速度是加快还是变慢？
延迟不变，数量变大，速度是加快还是变慢？
探究二：
尝试滚动字幕三种表现方式的不同：滚动条、幻灯片、交替；
探究三：
尝试改变字幕的字体和颜色、背景颜色、区域宽度等等。
思考
观察
练习
练习
练习
练习
练习
应
用
新
知
提
升
拓
展
我们介绍了在网页中几种常用的动态效果。有本来就是运动的，如gif动画，Flash动画，需要插入到网页中，并且预览才能看到效果。
对照着我们自己的页面，看看能不能回答下面四个问题：
这是什么页面？
页面中有什么？
能在这里做什么？
这里什么内容一下子就吸引了我？
太多的动画冲淡了我们想要表达的主题。
动态效果的作用及使用情况
动态效果可以使网页有动感，吸引浏览者的眼光；心理学研究发现，动态的事物更能够吸引人的注意。根据这个结论，我们通常把重要的东西用动态的形式表现出来。
添加动态效果，要充分考虑动态元素的作用和效果，选择不当和过多，往往会影响网页的整体效果。
技术为内容服务，不要滥用技术。
观看
练习
探
究
学来自百度文库
习
体
验
新
知
Gif动画比较简单，在网页浏览的时候也不能控制。只能按照预先设计好的动画不断重复播放，如果我们希望能够控制播放的节奏，或者让读者有选择的观看，该用什么类型的动画呢？