Flash动画在网站建设中的应用

赵 爱 涛

(石家庄职业技术学院 信息工程系，河北 石家庄　050081)



Flash动画在网站建设中的应用

赵 爱 涛

(石家庄职业技术学院 信息工程系，河北 石家庄050081)

摘要：将Flash动画应用在网站建设中，充分利用多种元素，结合AS脚本的应用，可以制作具有强大交互功能的，主题突出、效果绚丽的Flash动态按钮、Flash广告和全Flash网站，为网站用户提供高端的浏览体验.

关键词：Flash；网站；AS脚本

动画的加入能使网页制作效果生动活泼，具有强烈的视觉冲击力，甚至可以增加与网站用户的交互，在网页设计中的应用越来越广泛.目前常用的平面动画软件Flash以它强大的动画制作功能得到绝大多数人的青睐，具有开发成本较低，开发周期较短的特点.由Flash生成的动画，往往比单纯用JavaScript或HTML设计的页面占用的空间小很多，即生成的动画文件比较小，有利于网络传输.同时，Flash具有跨平台的特性，无论处于何种平台，只要安装了Flash Player播放器，就可以使动画最终的显示效果一致.因此，使用Flash进行网页设计和网站建设，已经成为网站设计中不可缺少的应用.

1Flash网页设计的要求

要完成一个好的Flash网页作品，首先需要了解Flash网页设计的要求，具体如下：

(1)设计符合网站功能的网页形式，包括网页元素的位置、超级链接等的设计.

(2)网页版式、版面和色彩的设计要求.

(3)选择符合主题的图像和图形，并对它们进行压缩和优化.

(4)做好充分的需求分析，了解网站用户的浏览目的和浏览习惯.

(5)网页页面简洁，导航层次清晰.

(6)有优秀的设计创意.

2Flash动画在网站制作中的应用

在网站建设中使用Flash动画有两种应用，一是部分把Flash动画嵌入网页中，如Flash按钮、Flash导航、Flash广告等；二是整个网站由Flash实现.

2.1Flash按钮

网页中的链接和导航都离不开按钮的应用,无论是个人网站还是企业网站都使用了大量各式各样的按钮.与传统的文本链接相比，精美的动态按钮更能吸引浏览者的目光，增强网页的观赏性和互动性.

Flash动态按钮的特点：

(1)易识别、易操作

在网页中，比起文本链接，Flash动态按钮更容易让浏览者识别.例如将“登陆”“搜索”按钮制作成动态Flash按钮，在网页中不但可以作为一个装饰，还能够强调页面中比较重要的功能或链接.

(2)增强网页动态效果和交互功能

为了吸引浏览者的兴趣和注意，使用Flash动态按钮，不仅能增强网页界面的动感，传达出丰富的信息，而且能在普通文字按钮或图像按钮中脱颖而出，突显其内容.

在Flash中，交互功能要用按钮加脚本来实现. AS脚本编程可以写在按钮对象上，也可以写在时间轴的关键帧上[1].

例如，在动画中制作一个按钮，单击按钮去打开一个指定的网页.

方法一，在按钮元件上面编写动作脚本.

选择按钮，在动作面板中使用以下脚本.

on(release){

getURL("http://www.baidu.com/","_blank");

}

这样，这个按钮就实现了一个用新页面打开百度网页的功能.

在按钮对象上使用的AS编写规则是,on(事件){//要执行的脚本程序}

在Flash中针对一个对象设计的动作，主要用到的是on语句，而on语句中的事件，主要是鼠标或键盘的动作.

方法二,把脚本程序写在时间轴上，而不是按钮对象上.

首先，为按钮起一个名字，例如Zhao，然后选择需要加脚本的关键帧，在动作面板中使用以下脚本.

Zhao.onRelease = function() {

getURL("http://www.baidu.com/","_blank");

}

通过这个脚本的编写，也可以实现单击按钮Zhao来打开百度网页的目的.

在关键帧上添加脚本遵循的AS脚本编写规则是,按钮实例的名字.事件名称=function(){//要执行的脚本程序.}

2.2Flash广告制作

在企业网站、商业网站和门户网站中都少不了广告的内容.与传统的广播、电视、杂志、报刊等广告媒介相比，网络广告具有独特的优势：网络广告大多以JPG、GIF、SWF等格式建立文件，其中，Flash动画的应用最为广泛，在突出主题的功能上，Flash动画广告拥有绝对重要的地位，不是一般图片可以比拟的.

Flash动画广告的制作风格新颖，内容精炼，可以将各种素材，如矢量图形、文字、声效等组成一系列有节奏、有韵律的视觉流程，形成界面美观、播放流畅的动画作品.

Flash动画广告更能抓住人们的视线,拉近浏览者与网站主题之间的距离.在Flash动画广告的设计中，通过文字、声音、图形、色彩等元素的搭配，可以更好地多元化表达主题，突出并完整地阐释整个网站的LOGO或网站的理念，其设计目的是要向观众传递信息，激发观众、吸引观众的浏览欲望.动态的阐述永远比静态的更生动、更形象，因此很多大型企业网站都十分注重Flash动画广告的制作.

2.3全Flash网站制作

全Flash网站是高技术含量的象征.Flash网站以动画形式为主要表达方式，这种表达方式可以实现其他技术很难达到的生动炫彩的网页效果.

Flash可以做网站界面和动画效果，但一个优秀的Flash网站除了动画，必须还有交互，要有后台与数据库连接，这些都需要强大的AS代码的支持.通过AS1.0，AS2.0到AS3.0的发展，Flash已经能与其他语言灵活交互应用.

3Flash网站应用的不足

(1)搜索引擎对Flash的支持不理想

目前，即使是大型的主流搜索引擎，如百度、Google等，对Flash网站的索引能力也十分有限.因此Flash网站想要获得一个较好的搜索排名并不容易.目前较简单的解决方法是在Flash网站中添加网页关键字，可以使Flash网站改善现有的排名.例如一个鲜花Flash网站，要提高搜索排名，可以加入meta标记中name="keywords"的属性值，如下：

(2)下载时间较长

目前Flash网站下载资源一般需要较长的时间，尤其是对整体Flash网站而言.但随着各大网络运营商不断提高带宽以及网络技术的不断发展，这一不足一定会逐步解决.而用户对Flash网站从视听方面的深入体验，增强了网站的宣传效果，这也是未来网站发展的趋势.

虽然目前的Flash网站技术存在着一些不足，但是Flash网站能通过多种元素的设计制作，增强浏览者参与互动的体验，带给浏览者视觉和听觉的高端感受，这是其他技术不能达到的效果.Flash已经成为众多网站开发人员青睐的开发工具之一，在网页中灵活、恰当的应用Flash，可以制作出新颖优秀的网站作品.

参考文献：

[1]邵静.Flash中按钮和影片剪辑的AS编程规则[J].信息通讯,2015(6):279-280.

责任编辑：吴瑞红

Application of flash animation in website construction

ZHAO Ai-tao

(Department of Information Technology, Shijiazhuang Vocational Technology Institute, Shijiazhuang, Hebei 050081, China)

Abstract：When applying flash animation in the website construction, we make interactive gorgeous topic-prominent flash buttons, ads and full flash websites by a variety of elements and action scripts in order to provide advanced browsing experiences for users.

Key words：flash; website; action script

收稿日期：2015-12-26

作者简介：赵爱涛(1975-)，女，河北石家庄人，石家庄职业技术学院讲师.

文章编号：1009-4873(2016)02-0036-03

中图分类号：TP393.092

文献标志码：A