基于ActionScript的Flash网站的研究

2019-12-23姚竞英

数码设计 2019年1期

姚竞英

（无锡城市职业技术学院，江苏无锡，214153）

引言

近年来，网络技术不断发展，它的覆盖率广阔、传播的信息量很大、数据形态呈现多样化、传播速度很快，通过电脑、手机、电视等都能方便快捷得上网获得信息，互联网已经成为人们工作生活中不可缺少的一部分。FLASH使用的矢量图存储空间较小，FLASH动画具有较强的交互功能、精美的动态效果，网站中加入FLASH动画后会具有强烈的视觉冲击、强大的交互功能，会给用户留下深刻印象，因此，FLASH已经受到了网站设计者们的青睐。

1 Flash网站

1.1 Flash网站的规划

（1）确定网站主题和风格

确定网站的主题是至关重要的，有了主题才能制定风格，这决定了之后素材的收集、动画的设计、网站的制作等多个环节。

（2）设计网站结构

就是设计方便使用的导航和网站整体目录结构图。一个网站构造的好坏影响着用户对网站使用的感觉，这决定了用户是否愿意再次浏览该网站。导航具备一致性、可识别性和可学习性，它向用户展现了整个网站的信息结构，用户可以通过导航实现在网站内部各个场景之间的跳转。导航必须可以被用户轻松识别并方便使用，给用户提供标记来浏览网站。网站结构对于维护网站、更新内容有着重要影响。

（3）设计场景

FLASH网站是通过场景将内容展示给用户的，主场景就是主舞台，规定了网站的帧频、长宽像素比例等，二级子场景、三级子场景等逐个导入到主场景中。场景的设计是根据网站结构来规划的。

（4）准备素材

根据确定好的网站主题、风格和结构，收集相关素材，主要有以下几类

文字：文字生成文件较小、容易编辑，下载方便，是网站最基本的元素。长篇累牍的文字会让人厌烦而不愿意去看，网站中使用的文字必须要简明扼要，突出网站主题。浏览网站的用户电脑硬件条件各不相同，为了避免在不同硬件环境下文字出现无法显示的情况，网站不可使用特殊的字体，而要选择常用字体和容易辨识的字体。考虑到用户浏览网站内容的舒适感，对网页中文字的大小、颜色、行间距、字间距等设置都有一定限制。

图片：所谓“图文并茂”，网页使用的文字必须配上合适的图片。与位图相比，FLASH中常见的矢量图是以数学公式来表示的，需要的存储空间比较小，放大后边缘不会出现锯齿状，不影响图片质量。

动画：除了现成的GIF动画，FLASH本身就是制作动画的，用FLASH可以制作网站的导入动画、广告、导航栏动画、各场景动画等。

音乐等：音乐文件对网站来说是必不可少的。在网站中需要有背景音乐、鼠标点击音效，一些特效，还有FLASH动画中需要有配音。此外，FLASH网站中也可以导入视频文件。

（5）制作网站

制作loading页：用户打开网站的时候，不管网速快慢，都必须等待一段时间将网站内容下载到电脑里才能开始浏览网站的，这就需要设计loading页来吸引用户的视线，引导用户等待下载完成。这里举例用ActionScript技术制作一段进度条动画，首先用素材中的load.jpeg图片转换为影片剪辑元件，选中该元件，按F9键，在“动作”面板输入以下代码，这样当打开网站时，进度条会显示当前下载的进度百分比，暗示浏览者马上就能开始浏览网站了，不用等太久了。

onClipEvent（load）

｛ this._xscale＝0；

total＝_root.getBytesTotal（）；

｝

onClipEvent（enterFrame）

｛ loaded＝_root.getBytesLoaded（）；

percent＝int（loaded／total*100）；

_root.txt＝percent+＂%＂；

this._xscale＝percent；

if（loaded＝＝total）

｛ _root.gotoAndPlay（2）；｝

｝

FLASH和Dreamweaver结合制作整站：利用FLASH的逐帧动画、传统补间动画、补间形状、引导层、遮罩、按钮等技术结合ActionScript脚本语言、Dreamweaver技术和数据库等软件技术，搭建整个网站，制作网站注册、会员登录、表单、导航动画、FLASH网络广告动画、交互动画、场景切换动画、链接效果和各层级的场景动画。

网站的后期调试、管理和维护：网站建设好后，后期调试是必不可少的。这里包括网站链接测试，检查各层级网页中是否有超链接掉链的情况存在；网站兼容性测试，用多种浏览器测试网页打开和使用是否正常，并在多种操作系统中测试；网站性能测试和网站安全性测试。

1.2 Flash在网站中的主要应用

（1）动画导航系统

对于网站来说，导航系统发挥着极其重要的作用，它为网站浏览者提供了从一个页面跳转到另一个页面的途径，使浏览者可以快速便捷得访问到所需的内容。导航系统可以有文字类、图片类和浮动类，它不再仅仅是传统的鼠标移上去出现的效果，用FLASH技术结合ActionScript脚本语言，可以制作出导航动态效果，使用户在使用时有愉快感和新鲜感。设计时，要分出不同级别的导航栏，一级导航栏要具有鲜明感和立体感，一目了然，吸引用户去使用。每个级别的导航栏要有标志给予区分，色彩搭配要清爽亮丽，结合使用FLASH中的按钮，用ActionScript脚本语言和音效制作导航动画特效，使浏览者享受点击过程的感觉。

（2）网络广告

网络广告是采用网站上的广告横幅、文本链接、多媒体等方法，将高科技广告传递给互联网用户的一种方式，它是全新的广告媒体，覆盖范围广、信息容量大、费用低投资少、多媒体动态效果好、传播速度快，在各个网站随处可见。此外，由于FLASH动画有交互性，用户不仅可以欣赏广告，还能通过拖动、选择、点击等行为来改变动画的播放走向而参与其中，使自己成为动画的一部分，这样的广告会让用户记忆深刻，大大增加点击率，已经成为商家的首选。网站广告主要有按钮类、标识类、横幅类、通栏类、对联类、画中画类、背投类和全屏类，在设计时要求色彩清晰明快、内容简明有号召力、讲究时效性和趣味性。

（3）组件的使用

FLASH中有一些带有不同参数的影片剪辑叫“组件”，组件是制作丰富网络应用程序的构建模块，在网站设计中开发人员可以通过组件重复使用和共享代码，封装复杂功能，使得设计者可以自定义使用这些功能而无需重复编写复杂的脚本。网站中常用的FLASH组件有选择类、文本类、列表类、控制类和容器类，可以用来制作例如网站用户登录程序、网站会员注册页面、投票页面、心理测试页面等。

（4）各级场景动画和转场动画

FLASH网站比较多得用于企业产品的推广、企业官方网站、个人工作室等，这些网站内容比较新奇独特，有企业特色或个人风格。在制作网站的形象展示动画时，主色要根据整个网站风格来设计，其它搭配色要对照主色进行选择。在制作各级场景动画时，除了使用FLASH补间形状、补间动画等技术外，可以结合视频的插入、三维应用引擎使动画更具有魅力和吸引力。网站连接网页之间的转场动画是网页之间的过渡，可以使用动画特效来完成，有时简单的遮罩技术和多个图层的叠加设计，会产生很酷很炫的转场效果。

2.3 Flash网站的优缺点

（1）优点

更酷更炫的视觉效果：每个互联网用户的心理特征不同，在浏览网站时的感受及与网站的互动频率就会不同。设计者需要从专业的角度出发，掌握足够的视觉力、创造力和想象力，使用户浏览网站时留下深刻的印象。与静态网站不同，FLASH技术可以制作酷炫的动画效果，充分展示MV、视频、游戏、动画等元素，网站变得有故事有内涵、增加广告特性、生动而立体，使用户在打开网页时眼前一亮，这样具有动态视觉效果的网站，有着无穷的吸引力。

传播多种类型的信息，与用户更好得互动：FLASH中可以插入多种格式的图片、音频文件和视频文件，通过网页上的导航、动画、广告等元素向用户传播多媒体信息，与传统网页相比更加多元化。将FLASH动画和ActionScript脚本语言相结合，使用按钮特效、3D效果，用户可以通过键盘或鼠标来控制网页中对象的运动，增加了与网站的互动，提高了网站的趣味性和吸引力。

（2）缺点

搜索引擎的问题：FLASH网站中所包含的多种类型的数据都是集成在SWF文件中，即使是当下百度、谷歌等主流的搜索引擎对于FLASH网站内的动画元素进行识别、收录和调用还是比较困难的，这一点会影响网站的推广，可以参考的方法是添加网页关键字以便被搜索引擎查找到。

代码的安全性：FLASH网站中特效、广告等许多地方会用到ActionScript脚本语言，这种语言有其自身无法忽视的安全漏洞，黑客有可能会利用漏洞来攻击网站和浏览者电脑，如何避免病毒的入侵保障网站的安全是必须考虑的问题。