黃旭東

（同濟(jì)大學(xué)研究生院，上海 200092）

Flash是一種高效、實(shí)用并且可移植的Web服務(wù)器。利用Flash技術(shù)，可以使網(wǎng)站在網(wǎng)絡(luò)的大海中更具特色并脫穎而出，提高網(wǎng)站的瀏覽量，起到更加有效的宣傳效果。

一、Flash網(wǎng)站概述

Flash網(wǎng)站具有設(shè)計(jì)精美，擁有更多聲效、動(dòng)畫、流媒體剪輯、美術(shù)效果，兼顧互動(dòng)性等特征，非常適宜進(jìn)行在線產(chǎn)品展示。Flash網(wǎng)站基本以圖形和動(dòng)畫為主，所以比較適合做那些文字內(nèi)容不太多，以平面、動(dòng)畫效果為主的應(yīng)用，如企業(yè)品牌推廣、特定網(wǎng)上廣告、網(wǎng)絡(luò)游戲、個(gè)性網(wǎng)站等。

制作全Flash網(wǎng)站和制作HTML網(wǎng)站類似，事先應(yīng)先在紙上畫出結(jié)構(gòu)關(guān)系圖，包括網(wǎng)站的主題，要用什么樣的元素，哪些元素需要重復(fù)使用，元素之間的聯(lián)系，元素如何運(yùn)動(dòng)，用什么風(fēng)格的音樂(lè)，整個(gè)網(wǎng)站分成幾個(gè)邏輯塊，各個(gè)邏輯塊間的聯(lián)系，以及是否打算用Flash建構(gòu)全站或只用其做網(wǎng)站的前期部分，等等。要實(shí)現(xiàn)全Flash網(wǎng)站效果，其基本原理是:將主場(chǎng)景作為一個(gè)“舞臺(tái)”，這個(gè)“舞臺(tái)”提供標(biāo)準(zhǔn)的長(zhǎng)寬比例和整個(gè)版面結(jié)構(gòu)，“演員”就是網(wǎng)站子欄目的具體內(nèi)容，根據(jù)子欄目的內(nèi)容結(jié)構(gòu)可能再派生出更多的子欄目。主場(chǎng)景作為“舞臺(tái)”基礎(chǔ)，基本保持自身內(nèi)容不變，其它“演員”身份的子類、次子類內(nèi)容則根據(jù)需要被導(dǎo)入到主場(chǎng)景內(nèi)。由此可見，一場(chǎng)華麗的“演出”離不開“舞臺(tái)”的支持。目前，在音樂(lè)行業(yè)網(wǎng)站、交友網(wǎng)站、教育網(wǎng)站、汽車網(wǎng)站、服裝網(wǎng)站以及寵物網(wǎng)站等網(wǎng)站中，F(xiàn)lash已被運(yùn)用得淋漓盡致。

二、Flash與ActionScript的結(jié)合

Flash是一種創(chuàng)作工具，目前最新的版本為Adobe Flash CS5.5 Professional（2011年發(fā)布）。設(shè)計(jì)人員和開發(fā)人員可使用它來(lái)創(chuàng)建演示文稿、應(yīng)用程序和其他允許用戶交互的內(nèi)容。Flash可以包含簡(jiǎn)單的動(dòng)畫、視頻內(nèi)容、復(fù)雜演示文稿和應(yīng)用程序以及介于它們之間的任何內(nèi)容。通常，使用Flash創(chuàng)作的各個(gè)內(nèi)容單元稱為應(yīng)用程序，即使它們可能只是很簡(jiǎn)單的動(dòng)畫，也可以通過(guò)添加圖片、聲音、視頻和特殊效果，構(gòu)建包含豐富媒體的Flash應(yīng)用程序。

ActionScript是針對(duì) Adobe Flash Player運(yùn)行時(shí)環(huán)境的編程語(yǔ)言，它在 Flash內(nèi)容和應(yīng)用程序中實(shí)現(xiàn)交互性、數(shù)據(jù)處理以及其他許多功能。像其他腳本語(yǔ)言一樣，ActionScript也有變量、函數(shù)、對(duì)象、操作符、保留關(guān)鍵字等語(yǔ)言元素，有它自己的語(yǔ)法規(guī)則。ActionScript允許用戶創(chuàng)建自己的對(duì)象和函數(shù)。ActionScript擁有自己的句法和標(biāo)點(diǎn)符號(hào)使用規(guī)則，這些規(guī)則規(guī)定了一些字符和關(guān)鍵字的含義，以及它們的書寫順序。相似相容的特性使得Flash與Action-Script技術(shù)可以很好地結(jié)合在一起，為人們建設(shè)出更加生動(dòng)、形象的動(dòng)態(tài)網(wǎng)站。

由此可見，用ActionScript可以實(shí)現(xiàn)幾乎全部網(wǎng)站、網(wǎng)頁(yè)功能，而Flash則可以使網(wǎng)站在視覺上更具沖擊力和表現(xiàn)力，為瀏覽者呈現(xiàn)出一個(gè)具有立體感和動(dòng)態(tài)效果的多姿多彩的新型網(wǎng)站。

三、Flash在網(wǎng)站中的應(yīng)用

（一）Flash應(yīng)用于網(wǎng)站的優(yōu)勢(shì)與劣勢(shì)

1.優(yōu)勢(shì)

Flash網(wǎng)站動(dòng)態(tài)效果好，交互性強(qiáng)，可以實(shí)現(xiàn)在同一個(gè)頁(yè)面上的獨(dú)立的Flash跳轉(zhuǎn)，并且可以獨(dú)立加載Flash外部文件，而不需要重新加載網(wǎng)頁(yè)，這使得Flash在網(wǎng)頁(yè)上的應(yīng)用可以做到“使用什么就加載什么”的特性，使用滑動(dòng)、過(guò)渡、緩動(dòng)等效果以達(dá)到類似真實(shí)物體點(diǎn)擊后的效果，并且進(jìn)行跨裝，比如點(diǎn)擊后爆炸，點(diǎn)擊后流動(dòng)。這些都是Flash作為網(wǎng)站載體極具魅力的表現(xiàn)。Flash在網(wǎng)頁(yè)上的交互展示效果直觀，頁(yè)面過(guò)渡、介紹、廣告動(dòng)畫等，都以動(dòng)態(tài)來(lái)實(shí)現(xiàn)。從使用者的角度來(lái)看，相較于靜態(tài)或簡(jiǎn)單動(dòng)作的HTML類界面效果，更喜歡使用Flash的站點(diǎn)效果。

2.劣勢(shì)

雖然Flash界面更加好用，但如果從數(shù)據(jù)的分析、數(shù)據(jù)傳輸和調(diào)用速度、刷新速度來(lái)看，F(xiàn)lash就無(wú)法與靜態(tài)HTML頁(yè)面比較了。Flash對(duì)于后臺(tái)的支持一直是困擾Flash開發(fā)人員的問(wèn)題，因?yàn)樗膭?dòng)態(tài)性導(dǎo)致它調(diào)用數(shù)據(jù)的繁雜與數(shù)據(jù)流的單一。就大量的文章和實(shí)時(shí)的新聞來(lái)講，F(xiàn)lash完全無(wú)法將如此龐大的內(nèi)容快速又簡(jiǎn)單地呈現(xiàn)。并且由于Flash的獨(dú)立運(yùn)作性，F(xiàn)lash文件內(nèi)部的文字和圖片信息很難被搜索引擎查找和抓取到，這使得Flash的網(wǎng)站幾乎無(wú)法進(jìn)行有效的搜索引擎推廣，也無(wú)法進(jìn)行大批量的文字處理，而搜索引擎也無(wú)法對(duì)Flash內(nèi)部的文件進(jìn)行收錄和調(diào)用。最重要的是，F(xiàn)lash的文字交互性差，如微博、博客、論壇等應(yīng)用是完全無(wú)法實(shí)現(xiàn)的。

（二）Flash在網(wǎng)站中的具體應(yīng)用

1.Flash圖片切換

現(xiàn)在網(wǎng)頁(yè)上將Flash應(yīng)用得最多也最容易看到的莫過(guò)于Flash廣告位了。最基本的形式就是導(dǎo)航條下面的一大塊絢麗或不絢麗的廣告條，這個(gè)最初都是用Flash來(lái)開發(fā)完成的。圖1就是各大主流網(wǎng)站都出現(xiàn)過(guò)的自動(dòng)切換Flash廣告條。

圖1

隨著JS代碼的快速發(fā)展，它取代了Flash在這一區(qū)域?qū)Ш降慕^對(duì)地位?，F(xiàn)在雖然各大網(wǎng)站紛紛采用JS代碼代替原來(lái)的Flash圖片切換效果，但由于Flash的整合性、簡(jiǎn)易性、兼容性，在使用中不容易出現(xiàn)錯(cuò)位和加載的問(wèn)題，仍有眾多網(wǎng)站選用。由Flash制作而成的圖片切換廣告一般具有模糊切換、滑動(dòng)切換、透視切換等其他復(fù)雜的切換方式，而效果相對(duì)簡(jiǎn)單、單一的是JS廣告切換。

2.Flash廣告條

Flash廣告條在網(wǎng)站中的應(yīng)用中不同于Flash圖片切換效果，一個(gè)廣告條只針對(duì)一則廣告來(lái)制作，主題突出，一般不由圖片切換的方式構(gòu)成，而是帶有諸如閃光特效、放射特效、模糊特效、動(dòng)態(tài)透視特效、Flash動(dòng)畫人物等多樣性效果。它通常由一家廣告主投放宣傳，點(diǎn)擊后可跳轉(zhuǎn)到相應(yīng)頁(yè)面。這種廣告條現(xiàn)在一般由兩種形式完成，一種是Flash形式，一種是GIF動(dòng)畫形式（如圖2）。

圖2 動(dòng)作截圖

Flash形式具備動(dòng)畫特效復(fù)雜、動(dòng)作時(shí)間長(zhǎng)、文件小、可以有多個(gè)點(diǎn)擊鏈接、畫面更加平滑的特點(diǎn)，而缺點(diǎn)是可能會(huì)被瀏覽器攔截，點(diǎn)擊鏈接容易失效。而GIF動(dòng)畫具有單一性、與網(wǎng)站代碼的融合性等特點(diǎn)，可以很好地被瀏覽器識(shí)別并播放，一般不會(huì)被攔截，但因?yàn)橹皇且环N多圖片播放的動(dòng)畫，所以文件偏大，內(nèi)容普遍比較短暫，一般只是簡(jiǎn)單的動(dòng)作。由于這兩種形式各有長(zhǎng)短，網(wǎng)站普遍兩種形式都會(huì)采用，并根據(jù)具體情況進(jìn)行選擇。

3.Flash多媒體展示

這種形式普遍應(yīng)用于個(gè)性展示與單一頁(yè)面單一產(chǎn)品的復(fù)雜展示，例如課件交互演示。這類應(yīng)用主要利用Flash的交互性，向使用者提供交互學(xué)習(xí)或交互理解，這是Flash以外的其他方法很難做到的。其主要手段有動(dòng)畫播放流程演示、點(diǎn)擊演示、Flash特效交互展示。例如電線與管道的走水走電結(jié)構(gòu)，如果單靠圖表的方式講解，讀者需要很多的時(shí)間和精力去領(lǐng)會(huì)，而利用動(dòng)畫的方式將過(guò)程全部用時(shí)間軸的方式體現(xiàn)，讀者基本看一次就能理解清楚。這對(duì)于提高教學(xué)和演示效率是很有幫助的。

4.Flash 3D立體展示

Flash 3D應(yīng)用引擎使得使用Flash所制作的動(dòng)畫和展示更具魅力和適用性。圖3是阿迪達(dá)斯官方網(wǎng)站的3D產(chǎn)品展示動(dòng)畫。這種應(yīng)用的魅力在于，3D空間不再只出現(xiàn)在電影或工程展示中，而是真實(shí)地走進(jìn)人們的生活中，讓人們可以與3D空間的動(dòng)畫媒體進(jìn)行交互，體會(huì)更多更好玩的效果。這種應(yīng)用的豐富展示性令眾多具有時(shí)尚理念的商家對(duì)其情有獨(dú)鐘。

圖3

5.全Flash站點(diǎn)

最早應(yīng)用Flash進(jìn)行整站開發(fā)的是國(guó)外的一些工作室和音樂(lè)人等創(chuàng)意類人群所架設(shè)的Flash網(wǎng)站，他們?yōu)榱送怀鲎约旱墓ぷ魇一騻€(gè)人的特點(diǎn)和另類的產(chǎn)品、事件，制作出動(dòng)感十足的全Flash網(wǎng)站。這類網(wǎng)站主要的特點(diǎn)是:內(nèi)容不多，但新奇獨(dú)特;風(fēng)格另類，不以搜索引擎推廣為主要手段，很注重網(wǎng)站的用戶體驗(yàn)和視覺感受;往往伴有華麗的動(dòng)畫過(guò)場(chǎng)，漂亮的按鈕點(diǎn)擊動(dòng)畫，并伴有音效和按鈕點(diǎn)擊、滑動(dòng)的音效（如圖4）。

圖4 NASCAR和美國(guó)空軍合作網(wǎng)站

Flash網(wǎng)站較多應(yīng)用于企業(yè)產(chǎn)品文化推廣或自身業(yè)務(wù)宣傳，也部分應(yīng)用于個(gè)人、風(fēng)景、音樂(lè)類純藝術(shù)Flash網(wǎng)站。IBM、361°等比較有知名度的公司擁有自己的服務(wù)器，也有資本維護(hù)較為有利的帶寬，這樣其網(wǎng)站可以更多地發(fā)揮出Flash網(wǎng)站各方面的優(yōu)勢(shì)。在服裝銷售方面，原來(lái)的網(wǎng)站只能靜態(tài)展示各式各樣的產(chǎn)品，即使是多角度的，也沒(méi)有交互性可言。Flash網(wǎng)站恰恰彌補(bǔ)了這種缺陷，配合3DS MAX、maya軟件可以制作進(jìn)行360度展示并隨意換裝的Flash銷售網(wǎng)。這種Flash網(wǎng)站同樣適用于汽車等銷售，消費(fèi)者在網(wǎng)上就可以對(duì)自己待定的車型進(jìn)行全面的比對(duì)。

四、Flsah網(wǎng)站建設(shè)的注意事項(xiàng)

使用Flash技術(shù)建設(shè)網(wǎng)站，要記住用戶的目標(biāo)，因?yàn)榫W(wǎng)站設(shè)計(jì)需要反映客戶的需求，有效地傳播信息和品牌。然而網(wǎng)站的目標(biāo)最好通過(guò)尊重用戶的習(xí)慣來(lái)達(dá)到，所以站點(diǎn)結(jié)構(gòu)必須滿足用戶的需要，快速地將用戶引導(dǎo)至其目標(biāo)。在設(shè)計(jì)中最好的方法是用戶界面的一致性。元素結(jié)構(gòu)的再使用、元素的設(shè)計(jì)以及命名的習(xí)慣，將使用戶在導(dǎo)向他們的目標(biāo)時(shí)對(duì)站點(diǎn)傳達(dá)信息的注意力更加集中。近年來(lái)，F(xiàn)lash自身的技術(shù)發(fā)展已不僅僅停留在平面的界面上，在Flash中已有類似Photoshop的濾鏡效果和圖層混合效果，這將是優(yōu)秀動(dòng)畫作品更加強(qiáng)力的支持。Flash今后將會(huì)逐漸應(yīng)用到廣告、影視、文化、經(jīng)濟(jì)、教育、生活、體育等各種網(wǎng)站中，并越來(lái)越趨向于商業(yè)性、產(chǎn)品衍生性、多元性、娛樂(lè)性。