flash 最佳做法.ppt

1、第三讲发布,教学目标,通过本讲的学习掌握创建编辑位图图像,1、,教学内容：,重点：了解Flash的使用范围,教学重难点：,组织时间轴和库 时间轴上的帧和图层为您显示资源的放置位置，并确定文档的工作方式。时间轴和库的设置方式和使用方式将影响整个 FLA 文件及其整体可用性。以下准则可帮助您高效地创作文档内容，并支持使用您的 FLA 文档的其他创作者能够更好地理解文档的构建方式。,最佳做法,组织时间轴和库 时间轴上的帧和图层为您显示资源的放置位置，并确定文档的工作方式。时间轴和库的设置方式和使用方式将影响整个 FLA 文件及其整体可用性。以下准则可帮助您高效地创作文档内容，并支持使用您的 FLA

2、文档的其他创作者能够更好地理解文档的构建方式。 为每个图层起一个直观的图层名，并将相关资源放在相同位置。 请避免使用默认的图层名（例如，图层 1、图层 2）。 为每个图层或文件夹命名时，请清楚地说明其用途或内容。 在合适的情况下，将包含 ActionScript 的图层和用于设置帧标签的图层放在时间轴中图层堆栈的最上方。 例如，将包含 ActionScript 的图层命名为动作。 使用图层文件夹来分组和组织类似的图层，以便于找到包含代码和标签的图层。 锁定不使用或不需要修改的图层。 直接锁定 ActionScript 图层，以便不能在该图层上放置元件实例或媒体资源。,最佳做法, 切勿将任何实例

3、或资源放到包含 ActionScript 的图层上。 因为这可能会导致舞台上的资源和引用资源的 ActionScript 之 间发生冲突，所以请将所有代码放在各自的“ 动作” 图层上，并在创建操作图层后将其锁定。 如果要在 ActionScript 代码中引用帧，则请在代码中使用 FLA 文件中的帧标签，而不要使用帧号。 如果在以后编辑时间 轴时这些帧发生更改，并且使用的是帧标签且在时间轴上移动了这些帧，则无需更改代码中的任何引用。,最佳做法, 使用库文件夹. 使用库中的文件夹来组织 FLA 文件中的类似元素（例如元件和媒体资源）。 如果每次创建文件时对库文件夹的命名方式都 一致，则会很容易回

4、想起资源所放置的位置。 常用的文件夹名有 Buttons、MovieClips、Graphics、Assets、 Components，有时还使用 Classes。,最佳做法,使用场景 使用场景类似于使用若干个 SWF 文件来创建一个较大的演示文稿。 每个场景都有一个时间轴。 当播放头到达一个场景的最后 一帧时，播放头将前进到下一个场景。 发布 SWF 文件时，每个场景的时间轴会合并为 SWF 文件中的一个时间轴。 将该 SWF 文件编译后，其行为方式与使用一个场景创建的 FLA 文件相同。 由于有这种行为，鉴于以下原因，应避免使用场景：,最佳做法, 场景会使文档难以编辑，尤其在多作者环境中。

5、 任何使用该 FLA 文档的人员可能都需要在一个 FLA 文件内搜索多个场景来查找代码和资源。 请考虑改为加载内容或使用影片剪辑。 场景通常会导致 SWF 文件很大。 场景将强制用户必须渐进式下载整个 SWF 文件，而不是只加载他们实际想观看或使用的资源。 如果不使用场景，则用户可以在浏览 SWF 文件的过程中控制想要下载的内容。 用户对要下载的内容量有了更大的控制权，这更有利于进行带宽管理。缺点是需要管理大量的 FLA 文档。,最佳做法, 与 ActionScript 结合的场景可能会产生意外的结果。 因为每个场景时间轴都压缩至一个时间轴，所以可能会遇到涉及 ActionScript 和场景

6、的错误，这通常需要进行额外的复杂调试。 如果您创作长篇动画，则会发现使用场景是很有利的。 如果在您的文档中使用场景存在上述弊端，请考虑使用多个 FLA 文 件或影片剪辑来生成动画，而不要使用场景。,最佳做法,保存文件与版本控制 保存 FLA 文件时，为文档使用一致的命名方案。 这在需要保存一个项目的多个版本时尤为重要。 如果只处理一个 FLA 文件，而在创建文件时没有保存各个版本，则可能会出现一些问题。 可能会由于保存在 FLA 文件中的历 史记录而使文件变大，或者在处理文件时使文件损坏（如同使用的其它软件一样）,最佳做法,请对文件使用直观的文件名，这样易于阅读，含义清晰，并且在线使用效果也很

7、好： 不要使用空格、大写字母或特殊字符。 只使用字母、数字、短划线和下划线。 如果保存同一文件的多个版本，请设计一个统一的编号系统，例如 menu01.swf、enu02.swf 等。 由于某些服务器软件区分大小写，因此考虑在命名方案中全部使用小写字符。,最佳做法,生成内容丰富的大项目时，使用以下方法来保存 FLA 文件的新版本： 选择“ 文件”“ 另存为”，然后保存文档的新版本。 使用版本控制软件或“ 项目” 面板来控制 Flash 文档,最佳做法,将动作保存在一起 请尽可能将 ActionScript 放在一个位置。在一个位置组织代码有助于更高效地编辑项目，因为在调试或修改 ctionSc

8、ript时，可避免在不同的位置中进行搜索。 如果将代码放在 FLA 文件中，则应把 ActionScript 放在时间轴顶层称为动作 的图层的第 1 帧或第 2 帧上。 或者，也可以将所有代码放在 ActionScript 文件中。 有些 Flash 应用程序并不总是将所有代码放在同一位置,最佳做法,将代码附加到对象 避免将 ActionScript 附加到 FLA 文件中的对象，即使是在简单的 SWF 文件中也不应这样。（ 只有 ActionScript 1.0 和 2.0. 可以附加到对象； ActionScript 3.0 不能附加。） 将代码附加到对象意味着您选择一个影片剪辑、组件或按

9、钮实例；打开“ 动 作” 面板；然后使用 on() 或 onClipEvent() 处理函数添加 ActionScript。,最佳做法,这两种编码风格间的比较可能会给学习 ActionScript 的人造成混乱，使学员和读者不得不学习不同的编码风格、其它语 法，以及拙劣而又存在局限性的编码风格。 避免将 ActionScript 2.0 附加到名为 myButton_btn 的按钮，该按钮的外观如下所示： on (release) /do something 但是，出于同样的目的建议将 ActionScript 2.0 放在时间轴上，如下面的代码所示： myButton_btn.onRelea

10、se = function() /do something ;,最佳做法,出于以下原因，强烈建议不要将 ActionScript 代码附加到对象上： 很难定位，而且 FLA 文件很难编辑。 很难调试。 在时间轴上或类中编写的 ActionScript 更完美、更容易进行构建。 导致编码风格欠佳。,最佳做法,关于行为惯例 行为是预先编写的 ActionScript 2.0 代码片断，可将其添加到 FLA 文件的各部分中。 许多开发人员都将 ActionScript 代码输入主时间轴上的一个帧或多个帧中，或者输入到外部 ActionScript 文件中。 但是，使用行为时，有时代码直接置于元件实例

11、 （如按钮、影片剪辑或组件）上，而不是置于时间轴上。,最佳做法,比较时间轴代码与对象代码 编写良好的代码。 分散代码可能会导致调试代码或编辑文件时出现问题。 如果使用行为，请尝试通过以下功能来帮助处理行为和分散的 ActionScript： 脚本导航器可使时间轴代码或各个对象上的代码在“ 动作” 面板上易于查找和编辑。 查找和替换用于在 FLA 文件中搜索和替换字符串。 脚本固定用于在“ 动作” 面板上固定来自不同对象的多个脚本，并同时使用这些脚本。 此方法配合脚本导航器使用效果最佳。 影片浏览器用于查看和组织 FLA 文件的内容，以及选择元素（包括脚本）以便进一步修改。,最佳做法,何时使用行

12、为 是否必须修改行为代码？ 如果是，修改多少？ 若要对行为代码进行修改，无论程度大小，都不要使用行为。 如果对 ActionScript 进行修改，则通常不能使用“ 行为” 面板编辑行为。 若要在“ 动作” 面板上对行为进行重大编辑，则您自己 在一个集中位置编写所有 ActionScript 通常会更加简单。 您还需要哪些 ActionScript？这些 ActionScript 是否必须与行为代码进行交互？ 在一个集中位置进行调试和修改更加容 易。 例如，如果时间轴上的代码与放在对象上的行为进行交互，则应避免使用行为。 必须使用多少个行为，计划将它们放在 FLA 文件中的何处？ 如果将行为都

13、放在时间轴上，则它们可能在文档中会有很好的 效果。 或者，如果仅使用少量的行为，则可能不会影响工作流程。 但是，如果对大量对象实例使用了许多行为，则在时间轴 上或外部 ActionScript 文件中编写您自己的代码可能更为有效。,最佳做法,视频惯例 关于视频惯例 在将视频导入至 FLA 文档或将 FLV 文件加载至 SWF 文件前，可以使用多种选项来编辑视频。,最佳做法,使用颜色 您必须决定如何在辅助文件中使用颜色。 您不能仅依靠颜色将特定信息或指令传递给用户。 如果要求单击蓝色区域来启动新页 面或单击红色区域来听音乐，患有色盲症的用户将无法对页面进行操作。 在该页面上或在替代版本中提供文本

14、等效项以使站点 可访问。 同时，应检查前景和背景颜色之间是否存在明显的对比以增强可读性。 如果在白色背景上放置浅灰色文本，则用户将 无法轻松阅读该文本。 同样，许多访问者也很难阅读低磅值文本。 使用高对比度和高磅值或可调整的文本会使大多数用户受 益，甚至是对那些身体正常的用户来讲也是有益处的。,最佳做法,使用 Flash 发布广告,最佳做法,向按钮添加脚本在用户单击横幅广告时执行。 可以使用 getURL() 函数打开新浏览器窗口。 以下代码片断为可以添加到时间轴 的第 1 帧的两个 ActionScript 2.0 代码示例： myButton_btn.onRelease = functio

15、n() getURL(clickTAG, _blank); ; 可以将下面的代码添加到时间轴中的第 1 帧： myButton_btn.onRelease = function() if (clickTAG.substr(0, 5) = http:) getURL(clickTAG); ; getURL() 函数将 object 和 embed 标签中传递的变量相加，然后将启动的浏览器发送到指定位置。 承载广告的服务器可以跟踪广 告的点击次数。 有关使用 getURL() 函数的详细信息，,最佳做法,分配 clickTAG 代码以进行跟踪跟踪广告并帮助提供广告的网络机构跟踪广告的显示位置和广告

16、被点击的时间。 此过程是创建典型 Flash 广告的标准方式。 如果将 getURL() 函数赋予横幅，则可以使用以下过程向横幅添加跟踪功能。 通过下 例，可以向 URL 字符串追加变量以传递数据。这样，您能够为每个旗标设置动态变量，而不用为每个域创建单独的旗标。 可 以在整个活动中使用一个旗标，任何承载广告的服务器都可以跟踪对该旗标的单击次数。 在 object 和 embed 标签（在 HTML 中）中，您将添加如下例所示的代码（其中 为广告网络， 为广告主）： 在 HTML 中添加以下代码： ,最佳做法,分配 clickTAG 代码以进行跟踪跟踪广告并帮助提供广告的网络机构跟踪广告的显示位置和广告被点击的时