Flash動(dòng)畫在網(wǎng)站建設(shè)中的應(yīng)用

趙 愛(ài) 濤

(石家莊職業(yè)技術(shù)學(xué)院 信息工程系，河北 石家莊　050081)

?

Flash動(dòng)畫在網(wǎng)站建設(shè)中的應(yīng)用

趙 愛(ài) 濤

(石家莊職業(yè)技術(shù)學(xué)院 信息工程系，河北 石家莊050081)

摘要：將Flash動(dòng)畫應(yīng)用在網(wǎng)站建設(shè)中，充分利用多種元素，結(jié)合AS腳本的應(yīng)用，可以制作具有強(qiáng)大交互功能的，主題突出、效果絢麗的Flash動(dòng)態(tài)按鈕、Flash廣告和全Flash網(wǎng)站，為網(wǎng)站用戶提供高端的瀏覽體驗(yàn).

關(guān)鍵詞：Flash；網(wǎng)站；AS腳本

動(dòng)畫的加入能使網(wǎng)頁(yè)制作效果生動(dòng)活潑，具有強(qiáng)烈的視覺(jué)沖擊力，甚至可以增加與網(wǎng)站用戶的交互，在網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用越來(lái)越廣泛.目前常用的平面動(dòng)畫軟件Flash以它強(qiáng)大的動(dòng)畫制作功能得到絕大多數(shù)人的青睞，具有開發(fā)成本較低，開發(fā)周期較短的特點(diǎn).由Flash生成的動(dòng)畫，往往比單純用JavaScript或HTML設(shè)計(jì)的頁(yè)面占用的空間小很多，即生成的動(dòng)畫文件比較小，有利于網(wǎng)絡(luò)傳輸.同時(shí)，F(xiàn)lash具有跨平臺(tái)的特性，無(wú)論處于何種平臺(tái)，只要安裝了Flash Player播放器，就可以使動(dòng)畫最終的顯示效果一致.因此，使用Flash進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)和網(wǎng)站建設(shè)，已經(jīng)成為網(wǎng)站設(shè)計(jì)中不可缺少的應(yīng)用.

1Flash網(wǎng)頁(yè)設(shè)計(jì)的要求

要完成一個(gè)好的Flash網(wǎng)頁(yè)作品，首先需要了解Flash網(wǎng)頁(yè)設(shè)計(jì)的要求，具體如下：

(1)設(shè)計(jì)符合網(wǎng)站功能的網(wǎng)頁(yè)形式，包括網(wǎng)頁(yè)元素的位置、超級(jí)鏈接等的設(shè)計(jì).

(2)網(wǎng)頁(yè)版式、版面和色彩的設(shè)計(jì)要求.

(3)選擇符合主題的圖像和圖形，并對(duì)它們進(jìn)行壓縮和優(yōu)化.

(4)做好充分的需求分析，了解網(wǎng)站用戶的瀏覽目的和瀏覽習(xí)慣.

(5)網(wǎng)頁(yè)頁(yè)面簡(jiǎn)潔，導(dǎo)航層次清晰.

(6)有優(yōu)秀的設(shè)計(jì)創(chuàng)意.

2Flash動(dòng)畫在網(wǎng)站制作中的應(yīng)用

在網(wǎng)站建設(shè)中使用Flash動(dòng)畫有兩種應(yīng)用，一是部分把Flash動(dòng)畫嵌入網(wǎng)頁(yè)中，如Flash按鈕、Flash導(dǎo)航、Flash廣告等；二是整個(gè)網(wǎng)站由Flash實(shí)現(xiàn).

2.1Flash按鈕

網(wǎng)頁(yè)中的鏈接和導(dǎo)航都離不開按鈕的應(yīng)用,無(wú)論是個(gè)人網(wǎng)站還是企業(yè)網(wǎng)站都使用了大量各式各樣的按鈕.與傳統(tǒng)的文本鏈接相比，精美的動(dòng)態(tài)按鈕更能吸引瀏覽者的目光，增強(qiáng)網(wǎng)頁(yè)的觀賞性和互動(dòng)性.

Flash動(dòng)態(tài)按鈕的特點(diǎn)：

(1)易識(shí)別、易操作

在網(wǎng)頁(yè)中，比起文本鏈接，F(xiàn)lash動(dòng)態(tài)按鈕更容易讓瀏覽者識(shí)別.例如將“登陸”“搜索”按鈕制作成動(dòng)態(tài)Flash按鈕，在網(wǎng)頁(yè)中不但可以作為一個(gè)裝飾，還能夠強(qiáng)調(diào)頁(yè)面中比較重要的功能或鏈接.

(2)增強(qiáng)網(wǎng)頁(yè)動(dòng)態(tài)效果和交互功能

為了吸引瀏覽者的興趣和注意，使用Flash動(dòng)態(tài)按鈕，不僅能增強(qiáng)網(wǎng)頁(yè)界面的動(dòng)感，傳達(dá)出豐富的信息，而且能在普通文字按鈕或圖像按鈕中脫穎而出，突顯其內(nèi)容.

在Flash中，交互功能要用按鈕加腳本來(lái)實(shí)現(xiàn). AS腳本編程可以寫在按鈕對(duì)象上，也可以寫在時(shí)間軸的關(guān)鍵幀上[1].

例如，在動(dòng)畫中制作一個(gè)按鈕，單擊按鈕去打開一個(gè)指定的網(wǎng)頁(yè).

方法一，在按鈕元件上面編寫動(dòng)作腳本.

選擇按鈕，在動(dòng)作面板中使用以下腳本.

on(release){

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

}

這樣，這個(gè)按鈕就實(shí)現(xiàn)了一個(gè)用新頁(yè)面打開百度網(wǎng)頁(yè)的功能.

在按鈕對(duì)象上使用的AS編寫規(guī)則是,on(事件){//要執(zhí)行的腳本程序}

在Flash中針對(duì)一個(gè)對(duì)象設(shè)計(jì)的動(dòng)作，主要用到的是on語(yǔ)句，而on語(yǔ)句中的事件，主要是鼠標(biāo)或鍵盤的動(dòng)作.

方法二,把腳本程序?qū)懺跁r(shí)間軸上，而不是按鈕對(duì)象上.

首先，為按鈕起一個(gè)名字，例如Zhao，然后選擇需要加腳本的關(guān)鍵幀，在動(dòng)作面板中使用以下腳本.

Zhao.onRelease = function() {

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

}

通過(guò)這個(gè)腳本的編寫，也可以實(shí)現(xiàn)單擊按鈕Zhao來(lái)打開百度網(wǎng)頁(yè)的目的.

在關(guān)鍵幀上添加腳本遵循的AS腳本編寫規(guī)則是,按鈕實(shí)例的名字.事件名稱=function(){//要執(zhí)行的腳本程序.}

2.2Flash廣告制作

在企業(yè)網(wǎng)站、商業(yè)網(wǎng)站和門戶網(wǎng)站中都少不了廣告的內(nèi)容.與傳統(tǒng)的廣播、電視、雜志、報(bào)刊等廣告媒介相比，網(wǎng)絡(luò)廣告具有獨(dú)特的優(yōu)勢(shì)：網(wǎng)絡(luò)廣告大多以JPG、GIF、SWF等格式建立文件，其中，F(xiàn)lash動(dòng)畫的應(yīng)用最為廣泛，在突出主題的功能上，F(xiàn)lash動(dòng)畫廣告擁有絕對(duì)重要的地位，不是一般圖片可以比擬的.

Flash動(dòng)畫廣告的制作風(fēng)格新穎，內(nèi)容精煉，可以將各種素材，如矢量圖形、文字、聲效等組成一系列有節(jié)奏、有韻律的視覺(jué)流程，形成界面美觀、播放流暢的動(dòng)畫作品.

Flash動(dòng)畫廣告更能抓住人們的視線,拉近瀏覽者與網(wǎng)站主題之間的距離.在Flash動(dòng)畫廣告的設(shè)計(jì)中，通過(guò)文字、聲音、圖形、色彩等元素的搭配，可以更好地多元化表達(dá)主題，突出并完整地闡釋整個(gè)網(wǎng)站的LOGO或網(wǎng)站的理念，其設(shè)計(jì)目的是要向觀眾傳遞信息，激發(fā)觀眾、吸引觀眾的瀏覽欲望.動(dòng)態(tài)的闡述永遠(yuǎn)比靜態(tài)的更生動(dòng)、更形象，因此很多大型企業(yè)網(wǎng)站都十分注重Flash動(dòng)畫廣告的制作.

2.3全Flash網(wǎng)站制作

全Flash網(wǎng)站是高技術(shù)含量的象征.Flash網(wǎng)站以動(dòng)畫形式為主要表達(dá)方式，這種表達(dá)方式可以實(shí)現(xiàn)其他技術(shù)很難達(dá)到的生動(dòng)炫彩的網(wǎng)頁(yè)效果.

Flash可以做網(wǎng)站界面和動(dòng)畫效果，但一個(gè)優(yōu)秀的Flash網(wǎng)站除了動(dòng)畫，必須還有交互，要有后臺(tái)與數(shù)據(jù)庫(kù)連接，這些都需要強(qiáng)大的AS代碼的支持.通過(guò)AS1.0，AS2.0到AS3.0的發(fā)展，F(xiàn)lash已經(jīng)能與其他語(yǔ)言靈活交互應(yīng)用.

3Flash網(wǎng)站應(yīng)用的不足

(1)搜索引擎對(duì)Flash的支持不理想

目前，即使是大型的主流搜索引擎，如百度、Google等，對(duì)Flash網(wǎng)站的索引能力也十分有限.因此Flash網(wǎng)站想要獲得一個(gè)較好的搜索排名并不容易.目前較簡(jiǎn)單的解決方法是在Flash網(wǎng)站中添加網(wǎng)頁(yè)關(guān)鍵字，可以使Flash網(wǎng)站改善現(xiàn)有的排名.例如一個(gè)鮮花Flash網(wǎng)站，要提高搜索排名，可以加入meta標(biāo)記中name="keywords"的屬性值，如下：

(2)下載時(shí)間較長(zhǎng)

目前Flash網(wǎng)站下載資源一般需要較長(zhǎng)的時(shí)間，尤其是對(duì)整體Flash網(wǎng)站而言.但隨著各大網(wǎng)絡(luò)運(yùn)營(yíng)商不斷提高帶寬以及網(wǎng)絡(luò)技術(shù)的不斷發(fā)展，這一不足一定會(huì)逐步解決.而用戶對(duì)Flash網(wǎng)站從視聽方面的深入體驗(yàn)，增強(qiáng)了網(wǎng)站的宣傳效果，這也是未來(lái)網(wǎng)站發(fā)展的趨勢(shì).

雖然目前的Flash網(wǎng)站技術(shù)存在著一些不足，但是Flash網(wǎng)站能通過(guò)多種元素的設(shè)計(jì)制作，增強(qiáng)瀏覽者參與互動(dòng)的體驗(yàn)，帶給瀏覽者視覺(jué)和聽覺(jué)的高端感受，這是其他技術(shù)不能達(dá)到的效果.Flash已經(jīng)成為眾多網(wǎng)站開發(fā)人員青睞的開發(fā)工具之一，在網(wǎng)頁(yè)中靈活、恰當(dāng)?shù)膽?yīng)用Flash，可以制作出新穎優(yōu)秀的網(wǎng)站作品.

參考文獻(xiàn)：

[1]邵靜.Flash中按鈕和影片剪輯的AS編程規(guī)則[J].信息通訊,2015(6):279-280.

責(zé)任編輯：吳瑞紅

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

作者簡(jiǎn)介：趙愛(ài)濤(1975-)，女，河北石家莊人，石家莊職業(yè)技術(shù)學(xué)院講師.

文章編號(hào)：1009-4873(2016)02-0036-03

中圖分類號(hào)：TP393.092

文獻(xiàn)標(biāo)志碼：A