优秀主题班会设计方案.doc

任务五:Flash的设计与制作
计算机部刘冰玲
前言
随着Flash的出现,WEB页面不再是平淡无奇的静态展示。Flash可以为页面添加各种绚丽的动态效果,第一时间抓住用户的眼球,并且为用户带来更好的体验。
本章节适用于WEB开发中的用户体验工程师阅读。
任务描述
任务描述
知识链接
知识链接
由于HTML语言的功能十分有限,无法达到人们的预期设计,以实现令人耳目一新的动态效果,在这种情况下,各种脚本语言应运而生,使得网页设计更加多样化。然而,程序设计总是不能很好地普及,因为它要求一定的编程能力,而人们更需要一种既简单直观又有功能强大的动画设计工具,而Flash的出现正好满足了这种需求。
Flash是一个基于矢量的方案,该方案用简单的术语表示的图形信息被存储在数学公式的形式,而不是像素表。
矢量信息存储各个像素值会导致Flash文件远远小于其动画图形同行相比,占用较少的空间。
除了动画, Flash可以用来做非常复杂的多媒体内容的交互性和声音、下拉滚动菜单、动画按钮、自定义动画光标,甚至可以用Flash制作游戏。
基础知识

要构建 Flash 应用程序,通常需要执行下列基本步骤:

确定应用程序要执行哪些基本任务。

创建并导入媒体元素,如图像、视频、声音和文本等。

在舞台上和时间轴中排列这些媒体元素,以定义它们在应用程序中显示的时间和显示方式。

根据需要应用图形滤镜(如模糊、发光和斜角)、混合和其它特殊效果。
ActionScript 控制行为
编写 ActionScript® 代码以控制媒体元素的行为方式,包括这些元素对用户交互的响应方式。
。
进行测试以验证应用程序是否按预期工作,查找并修复所遇到的错误。在整个创建过程中应不断测试应用程序。将 FLA 文件发布为可在网页中显示并可使用 Flash® Player 播放的 SWF 文件。
软件的使用

Flash的主界面如下图所示,分为五大部分:

您的图形、视频、按钮等在回放过程中显示在“舞台”面板中。
时间轴控制影片中的元素出现在舞台中的时间。您也可以使用时间轴指定图形在舞台中的分层顺序。高层图形显示在低层图形上方。
“工具”面板包含一组常用工具,可使用它们选择舞台中的对象和绘制矢量图形。
“属性”面板显示有关任何选定对象的可编辑信息。
“库”面板用于存储和组织媒体元素和元件。
热身回顾
Flash软件主界面
创建文档
导入图像
创建元件
制作动画
使用停止动作阻止时间轴循环
发布文件
5
师引导:旅游信息官网提出反馈建议:将上个任务增加动态萤火虫效果,观看类似展示样片动画。
师展示动画,提问:在这段动画中,对象在做怎样的运动呢?
学生回答:雪花飘落。
师生共同分析:一起观察雪花飘落运动。雪花的数量有多少?(100)雪花运动路径是怎样的?(随机)雪花飞舞的频率如何?(12帧/秒)雪花外观怎样?(六角星)
师:制作动画“网页动态图片插播动画”。
情景导入
导入新课

热身回顾
任务回顾
热身回顾
SWF文件