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

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