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

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