《Flash CS5工作过程导向标准教程》课件项目12

项目12制作一个Flash网站12.1项目说明12.2项目分析12.3项目实施12.4知识延伸12.5项目实训

12.1项目说明

小张爱好摄影，喜欢拍摄一些花草、鸟虫之类，他希望建立一个Flash网站，展示自己的作品，推销自己，实现与网友的互动交流。要求网站具有个性，能够实现基本的网络功能，如留言、展示、论坛等。本项目将学习Flash网站的制作方法。

12.2项目分析

在制作网站之前，要有一个良好的前期规划，包括网站的内容、栏目的设定、网站的整体颜色以及相关资料的收集与整理。另外，在创建网站时会依据不同目的创建出不同类型的网站，例如，个人可以依据自己的爱好，创建出展现自己风格的个人网站；企业为了展示企业形象与推广产品，可以创建企业网站。

12.3项目实施

该项目的关键是网站栏目的规划与管理，合理利用图层、关键帧与AS2.0控制栏目之间的跳转。通过前面的项目分析，我们基本可以把握该项目的制作流程。对于背景的创建，可以由Flash直接绘制完成，也可以通过Photoshop进行制作，本例是通过Photoshop完成的，这样可以减少Flash中的工作量。本项目的参考效果如图12-1所示。图12-1动画参考效果任务一：网站外观的制作

图12-2导入的图片图12-3【属性】面板

图12-4输入的文字图12-5输入的文字及其属性图12-6绘制的矩形图12-7插入的关键帧图12-8第1帧、第6帧和第8帧处的矩形形态

图12-9【属性】面板图12-10【属性】面板图12-11执行【直接复制】命令图12-12【直接复制元件】对话框图12-13调整各按钮实例的位置图12-14绘制的图形图12-15导入的图片图12-16绘制的矩形

图12-17绘制的椭圆形

图12-18调整“白光”实例的形态

图12-19【属性】面板图12-20调整“白光”实例的形态任务二：“摄影园地”动画的制作

图12-21输入的文字图12-22【属性】面板

图12-23输入的文字

图12-24添加UIScrollBar组件

图12-25【属性】面板任务三：“摄影欣赏”动画的制作

图12-26输入的文字图12-27调整矩形的形态图12-28导入的图片图12-29复制的图片图12-30第1帧处“大图像”实例的位置图12-31第500帧处“大图像”实例的位置任务四：“摄影知识”动画的制作

图12-32输入的红色文字图12-33输入文字并设置URL链接图12-34输入的其他文字任务五：“信息反馈”动画的制作

图12-35输入的文字图12-36输入的文字图12-37添加TextInput组件图12-38调整复制的TextInput组件图12-39添加TextArea组件图12-40添加Button组件任务六：添加行为命令

图12-41【属性】面板图12-42【时间轴】面板

12.4知识延伸

知识点一：关于AS2.0

AS是为了增强Flash的交互功能而设置的，随着版本的升高，其功能与完善性也越来越强大，其中AS2.0是在FlashMX2004中诞生的，编写方式更加成熟，引入了面向对象编程方式，它可以写在时间轴中的关键帧上、按钮或元件的实例上，历时了FlashMX2004、Flash8两个版本，拥有大量的用户群。图12-43选择使用AS2.0知识点二：行为

要想使用【行为】功能，必须在AS2.0工作环境下。所谓的行为，就是一些封装的程序代码模块，可以拿来即用，而不必自己编写ActionScript代码。图12-44【行为】面板

图12-45行为菜单图12-46行为的事件与动作知识点三：组件

简单地说，“组件”是一小段预定义的代码，这段代码能够执行特定的动作。这个特定的动作可以是一个文本的滚动条，也可以是一个可以选择的复选框等。

1.组件的添加与参数设置

在Flash影片中可以通过【组件】面板添加组件，Flash中的【组件】面板将组件按照类别进行管理，从而方便用户查找。当需要使用某个组件时，直接将该组件拖曳到舞台中即可，如图12-47所示。图12-47添加组件在舞台中添加组件后，它们会自动存放到【库】面板中，此组件类型为“编译剪辑”，以后使用组件就可以像使用影片剪辑元件一样，从【库】面板重复调用。这样从【组件】面板中添加一次组件后，该组件就可以在影片中多次使用，从而节省动画文件的体积，如图12-48所示。图12-48【库】面板中的组件在舞台中添加组件后，可以通过【属性】面板对其进行参数设置，不同的组件有不同的参数，如图12-49所示。图12-49【属性】面板

2. UIScrollBar组件的操作

UIScrollBar组件为滚动条，需要与动态文本框或输入文本框配合使用。在舞台中添加UIScrollBar组件后，可以通过【属性】面板设置该组件的相关参数，如图12-50所示。图12-50【属性】面板

3. TextInput组件

TextInput组件是一个文本输入组件，用户可以在该组件中输入文字或密码类型的字符，其作用与输入文本框类似。在舞台中添加TextInput组件后，可以通过【属性】面板设置该组件的相关参数，如图12-51所示。图12-51【属性】面板

4. TextArea组件图12-52【属性】面板

TextArea组件为多行文本框，如果需要使用大量的文字，可以使用该组件。在舞台中添加了TextArea组件后，

可以通过【属性】面板设置该组件的相关参数，如图12-52所示。图12-52【属性】面板

5. Button组件

Button组件为一个按钮，使用按钮可以实现表单的提交以及执行某些相关的行为动作。在舞台中添加了Button组件后，可以通过【属性】面板设置该组件的相关参数，如图12-53所示。图12-53【属性】面板知识点四：影片优化

1.优化对象

2.优化字体和文字

3.优化线条

4.优化图形颜色知识点五：SWF文件发布设置

完成了Flash动画的制作以后，我们可以将其发布为SWF文件，单击菜单栏中的【文件】/【发布设置】命令，打开【发布设置】对话框，然后切换到【Flash】选项卡，如图12-54所示，在这里可以对相关选项进行设置。图12-54【发布设置】对话框知识点六：HTML文件发布设置

在Web浏览器中播放Flash动画时，需要一个能激活SWF文件并指定浏览器设置的HTML文档。在发布Flash动画时，会自动生成一个这样的HTML文档。下面我们学习如何设置HTML文档的发布参数，如图12-55所示。图12-55【发布设置】对话框知识点七：发布动画

完成了Flash动画的制作后，其发布操作非常简单，大体上可以通过两种方法获取SWF影片文件。

方法一：完成了Flash动画的制作后，单击菜单栏中的【文件】/【保存】命令，将动画命名保存为 *.fla文档，然后按下Ctrl + Enter键，这时在测试动画的同时会产生一个SWF文件，与FLA文件同名，并且在同一个目录下。

方法二：完成了Flash动画的制作，并保存文件后，通过【发布设置】对话框设置发布参数，然后单击菜单栏中的【文件】/【发布】命令，完成动画的发布。

12.5项目实训

对于基本的Flash网站设计，AS2.0与AS3.0都可以实现，这完全取决于设计者的偏好，本项目是一个非常简单的网站架构，使用AS2.0实现页面的跳转，请利用学习的内容，制作一个类似架构的Flash网站。

任务分析

在使用方法上，AS2.0与AS3.0有很大的差别，所以在创建Flash网站时，首先要明确使用哪