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

教学目标、重点、难点及设计意图 ⒈ 知识与技能： 能区分动态效果与动态网页； 能够插入动态图片、滚动字幕等动态效果； 能够插入 Flash 动画、视频、音频等网页元素。 教学 ⒉ 过程与方法： 目标 学习网页动态效果的过程中，了解所有效果要为内容服务，了解什么内容适 合设置为动态效果，注意动态效果使用的合理性。 ⒊ 情感态度与价值观： 滚动字幕的设置； 教学 Flash 动画的插入方法； 重点 合理的使用动态效果； 教学 动态效果与动态网页的区分； 难点 合理的使用动态效果； 设计 思想 教学过程： 教学 学生活 教师活动 设计意图 过程 动 在前面几节课的学习中，我们学习了把文字和 图片素材应用到网页中，为我们的主题内容增色不 少。 素材类型除了文字、图片，还有动画、音频、 视频等。那这些素材是否也能够应用到网页中，使 得网页内容更加丰富多彩呢？ 我们先看一个例子。对比两个网页，看看哪个 能够给你留下更深刻的印象。 网页展示例子。 含有滚动字幕、 Gif 动画和 flash 观看 动画。 创 设 情 练习 境 画面中的动画图片是一种特殊的文件格式， gif 。Gif 动画格式有 256 种颜色，文件体积小，支 持背景透明功能，适合在网络上使用。 引 它的操作方法与插入图片是一样的。 入 让学生自己动手操作。 新 课 swf 是 Macromedia 公司的动画设计软件 Flash 的专用格式，是一种支持矢量和点阵图形的动画文 件格式。具有缩放不失真、文件体积小等特点，它 采用了流媒体技术，可以一边下载一边播放，目前 被广泛应用于网页设计，动画制作等领域， swf 文 件通常也被称为 Flash 文件。 对照着我们自己的页面，看看能不能回答下面 四个问题： 这是什么页面？ 页面中有什么？ 能在这里做什么？ 这里什么内容一下子就吸引了我？ 教学 学生活 教师活动 设计意图 过程 动 太多的动画冲淡了我们想要表达的主题。 动态效果的作用及使用情况 动态效果可以使网页有动感，吸引浏览者的眼 光；心理学研究发现，动态的事物更能够吸引人的 注意。根据这个结论，我们通常把重要的东西用动 态的形式表现出来。