淺析全Flash網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)

楊 芳

（大連金融中專，遼寧 大連 116021）

隨著網(wǎng)絡(luò)的普及，上網(wǎng)瀏覽網(wǎng)頁(yè)已成為很多人生活中不可缺少的一部分，目前多數(shù)網(wǎng)站是靜態(tài)html頁(yè)面為網(wǎng)站的主要，缺乏動(dòng)感和色彩，易使瀏覽者產(chǎn)生審美疲勞。本網(wǎng)站主要是由Flash完成，以ActionScript 3.0代碼為flash的主要函數(shù)，利用Flash軟件的特性，實(shí)現(xiàn)一個(gè)具備整體性、流暢性和強(qiáng)視覺沖擊力的全Flash網(wǎng)站。

本站旨在為創(chuàng)業(yè)者提供一個(gè)模擬的創(chuàng)業(yè)平臺(tái)，利用“創(chuàng)業(yè)準(zhǔn)備”、“項(xiàng)目選擇”等四個(gè)模塊逐層引導(dǎo)創(chuàng)業(yè)者進(jìn)入平臺(tái)，幫助創(chuàng)業(yè)者明確自己的創(chuàng)業(yè)目標(biāo)，實(shí)現(xiàn)自己的創(chuàng)業(yè)夢(mèng)想。

1.全Flash網(wǎng)站的特點(diǎn)

flash使用矢量圖形和流式播放技術(shù)。與位圖圖形不同的是，矢量圖形可以任意縮放尺寸而不影響圖形的質(zhì)量；流式播放技術(shù)使得動(dòng)畫可以邊播放邊下載，從而緩解了網(wǎng)頁(yè)瀏覽者焦急等待的情緒。

通過(guò)使用關(guān)鍵幀和圖符使得所生成的動(dòng)畫（.swf）文件非常小，幾K字節(jié)的動(dòng)畫文件已經(jīng)可以實(shí)現(xiàn)許多令人心動(dòng)的動(dòng)畫效果，用在網(wǎng)頁(yè)設(shè)計(jì)上使網(wǎng)頁(yè)更加生動(dòng)。音樂，動(dòng)畫，聲效，交互方式融合在一起的方式使越來(lái)越多的人已經(jīng)把Flash作為網(wǎng)頁(yè)動(dòng)畫設(shè)計(jì)的首選工具之一，并且創(chuàng)作出了許多令人嘆為觀止的動(dòng)畫效果。總之，F(xiàn)lash已經(jīng)慢慢成為網(wǎng)頁(yè)動(dòng)畫的標(biāo)準(zhǔn)，成為一種新興的技術(shù)發(fā)展方向。

2.網(wǎng)站的構(gòu)建和布局簡(jiǎn)介

網(wǎng)站起初創(chuàng)意就來(lái)自于怎么解決畢業(yè)生創(chuàng)業(yè)問(wèn)題，想以模擬的形式將就業(yè)環(huán)境創(chuàng)業(yè)環(huán)境提供給瀏覽者，讓創(chuàng)業(yè)不再是件盲目的事情，對(duì)創(chuàng)業(yè)者起到引導(dǎo)和啟迪的作用。一個(gè)網(wǎng)站的布局是凸顯者風(fēng)格和展示網(wǎng)站內(nèi)容的關(guān)鍵步驟，本網(wǎng)站經(jīng)過(guò)多次修改，最終決定以激發(fā)創(chuàng)業(yè)者創(chuàng)業(yè)激情為目的，用紅色基調(diào)為主，加上長(zhǎng)距離的大幅畫面漸變圖片為背景。整體布局大氣生動(dòng)。

3.網(wǎng)站詳細(xì)內(nèi)容

按照創(chuàng)業(yè)實(shí)踐活動(dòng)的一般路徑和基本要素，本創(chuàng)業(yè)模擬體驗(yàn)操作平臺(tái)設(shè)立了四個(gè)模塊。“創(chuàng)業(yè)準(zhǔn)備”、“創(chuàng)業(yè)項(xiàng)目”、“創(chuàng)業(yè)扶持”、“創(chuàng)業(yè)實(shí)施”。網(wǎng)站逐層遞進(jìn)。快速引導(dǎo)創(chuàng)業(yè)者進(jìn)入平臺(tái)。

首先創(chuàng)業(yè)者進(jìn)入創(chuàng)業(yè)準(zhǔn)備模塊，該模塊從素質(zhì)準(zhǔn)備、資金準(zhǔn)備、項(xiàng)目準(zhǔn)備、場(chǎng)地準(zhǔn)備四個(gè)方面，引導(dǎo)提示創(chuàng)業(yè)者在創(chuàng)業(yè)之前應(yīng)做的相應(yīng)準(zhǔn)備。從各種角度考慮創(chuàng)業(yè)者創(chuàng)業(yè)前需要準(zhǔn)備的內(nèi)容，保證創(chuàng)業(yè)者有備無(wú)患。

了解了創(chuàng)業(yè)前需要準(zhǔn)備的內(nèi)容之后，進(jìn)入創(chuàng)業(yè)項(xiàng)目選擇按照行業(yè)類別和投資額度兩個(gè)途徑，指導(dǎo)創(chuàng)業(yè)者篩選出符合自己要求的創(chuàng)業(yè)項(xiàng)目。本模塊為創(chuàng)業(yè)者提供了大量的創(chuàng)業(yè)項(xiàng)目和資金分配指導(dǎo)意見，讓創(chuàng)業(yè)者明確投資項(xiàng)目。

第三模塊為創(chuàng)業(yè)者提供政策等方面的信息，分別從政策扶持、培訓(xùn)扶持、資金扶持、場(chǎng)地扶持等四個(gè)方面，引導(dǎo)體驗(yàn)者全了解相關(guān)政策措施。提高創(chuàng)業(yè)效率和質(zhì)量。

最后，網(wǎng)站為創(chuàng)業(yè)者提供一個(gè)實(shí)踐的環(huán)境。分別從如何開辦你的企業(yè)、如何經(jīng)營(yíng)你的企業(yè)、如何提升你的企業(yè)三個(gè)步驟，對(duì)體驗(yàn)者提出相應(yīng)的指導(dǎo)提示。讓創(chuàng)業(yè)者更加扎實(shí)的完成創(chuàng)業(yè)活動(dòng)。

4.網(wǎng)站結(jié)構(gòu)（見圖1）

圖1

5.Flash相關(guān)代碼

代碼是讓Flash動(dòng)起來(lái)的靈魂，是實(shí)現(xiàn)各種特技效果所必須應(yīng)用到的，下面就本站所使用的代碼進(jìn)行解釋。

5.1 使用較頻繁的代碼解釋

由于flash是在網(wǎng)頁(yè)中呈現(xiàn)，所以要使整個(gè)flash界面鋪滿整個(gè)窗口就要對(duì)每個(gè)flash進(jìn)行全屏化處理，第一幀加入全屏代碼如下：

fscommand（“fullscreen”， “true”）;

flash文件與文件之間的鏈接是由按鈕的代碼鏈接起來(lái)的，對(duì)按鈕所添加的代碼如下：

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

當(dāng)鼠標(biāo)單擊按鈕時(shí)跳轉(zhuǎn)到指定的flash文件的第一幀，實(shí)現(xiàn)網(wǎng)站內(nèi)容之間的跳轉(zhuǎn)和鏈接。

5.2 主要特效代碼

5.2.1 按鈕特效代碼

當(dāng)鼠標(biāo)經(jīng)過(guò)按鈕和點(diǎn)擊按鈕時(shí)，分別以不同的形式顯示代碼如下

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 開場(chǎng)問(wèn)號(hào)分散劃過(guò)特效的實(shí)現(xiàn)當(dāng)開始播放時(shí)會(huì)觸發(fā)下面的函數(shù)一直循環(huán)直到循環(huán)結(jié)束，使靜態(tài)的問(wèn)號(hào)，通過(guò)覆蓋在其上面的原件更改元件大小、位置和深度，出現(xiàn)分散的積木形式由左至有入場(chǎng)。

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 （）;}

本站的設(shè)計(jì)僅僅是個(gè)人的淺顯理解，還有很多不足之處，有待提高。希望在以后的生活中，通過(guò)不斷的學(xué)習(xí)，能夠使本站的設(shè)計(jì)更加完善！

[1]徐磊.網(wǎng)頁(yè)制作與網(wǎng)站建設(shè)技術(shù)大全[M].清華大學(xué)出版社 2008.