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

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