浅析全Flash网站的设计与实现

杨 芳

（大连金融中专，辽宁 大连 116021）

随着网络的普及，上网浏览网页已成为很多人生活中不可缺少的一部分，目前多数网站是静态html页面为网站的主要，缺乏动感和色彩，易使浏览者产生审美疲劳。本网站主要是由Flash完成，以ActionScript 3.0代码为flash的主要函数，利用Flash软件的特性，实现一个具备整体性、流畅性和强视觉冲击力的全Flash网站。

本站旨在为创业者提供一个模拟的创业平台，利用“创业准备”、“项目选择”等四个模块逐层引导创业者进入平台，帮助创业者明确自己的创业目标，实现自己的创业梦想。

1.全Flash网站的特点

flash使用矢量图形和流式播放技术。与位图图形不同的是，矢量图形可以任意缩放尺寸而不影响图形的质量；流式播放技术使得动画可以边播放边下载，从而缓解了网页浏览者焦急等待的情绪。

通过使用关键帧和图符使得所生成的动画（.swf）文件非常小，几K字节的动画文件已经可以实现许多令人心动的动画效果，用在网页设计上使网页更加生动。音乐，动画，声效，交互方式融合在一起的方式使越来越多的人已经把Flash作为网页动画设计的首选工具之一，并且创作出了许多令人叹为观止的动画效果。总之，Flash已经慢慢成为网页动画的标准，成为一种新兴的技术发展方向。

2.网站的构建和布局简介

网站起初创意就来自于怎么解决毕业生创业问题，想以模拟的形式将就业环境创业环境提供给浏览者，让创业不再是件盲目的事情，对创业者起到引导和启迪的作用。一个网站的布局是凸显者风格和展示网站内容的关键步骤，本网站经过多次修改，最终决定以激发创业者创业激情为目的，用红色基调为主，加上长距离的大幅画面渐变图片为背景。整体布局大气生动。

3.网站详细内容

按照创业实践活动的一般路径和基本要素，本创业模拟体验操作平台设立了四个模块。“创业准备”、“创业项目”、“创业扶持”、“创业实施”。网站逐层递进。快速引导创业者进入平台。

首先创业者进入创业准备模块，该模块从素质准备、资金准备、项目准备、场地准备四个方面，引导提示创业者在创业之前应做的相应准备。从各种角度考虑创业者创业前需要准备的内容，保证创业者有备无患。

了解了创业前需要准备的内容之后，进入创业项目选择按照行业类别和投资额度两个途径，指导创业者筛选出符合自己要求的创业项目。本模块为创业者提供了大量的创业项目和资金分配指导意见，让创业者明确投资项目。

第三模块为创业者提供政策等方面的信息，分别从政策扶持、培训扶持、资金扶持、场地扶持等四个方面，引导体验者全了解相关政策措施。提高创业效率和质量。

最后，网站为创业者提供一个实践的环境。分别从如何开办你的企业、如何经营你的企业、如何提升你的企业三个步骤，对体验者提出相应的指导提示。让创业者更加扎实的完成创业活动。

4.网站结构（见图1）

图1

5.Flash相关代码

代码是让Flash动起来的灵魂，是实现各种特技效果所必须应用到的，下面就本站所使用的代码进行解释。

5.1 使用较频繁的代码解释

由于flash是在网页中呈现，所以要使整个flash界面铺满整个窗口就要对每个flash进行全屏化处理，第一帧加入全屏代码如下：

fscommand（“fullscreen”， “true”）;

flash文件与文件之间的链接是由按钮的代码链接起来的，对按钮所添加的代码如下：

on（release）{loadMovieNum（“rhjyqy.swf”， 1）;}

当鼠标单击按钮时跳转到指定的flash文件的第一帧，实现网站内容之间的跳转和链接。

5.2 主要特效代码

5.2.1 按钮特效代码

当鼠标经过按钮和点击按钮时，分别以不同的形式显示代码如下

on （rollOver）

{this._parent._parent.eventOver = 1;this.gotoAndStop（2）;}

on （rollOut）

{this._parent._parent.eventOver = 0;this.gotoAndStop（1）;}

on （release）{_parent.gotoAndPlay（99）;}

on （release）{ _root.d.gotoAndPlay（2）;_root.gotoAndPlay（126）;}

5.2.2 开场问号分散划过特效的实现当开始播放时会触发下面的函数一直循环直到循环结束，使静态的问号，通过覆盖在其上面的原件更改元件大小、位置和深度，出现分散的积木形式由左至有入场。

onClipEvent （load）{ i = 1;}

onClipEvent （enterFrame）

{if （i < 30）

{ duplicateMovieClip（_parent.man，“man” + i， i）;

_parent[“man” + i].mask._y = _parent[“man” + i].mask._y + i * 10; ++i; }//end if

stop （）;}

本站的设计仅仅是个人的浅显理解，还有很多不足之处，有待提高。希望在以后的生活中，通过不断的学习，能够使本站的设计更加完善！

[1]徐磊.网页制作与网站建设技术大全[M].清华大学出版社 2008.