淺議Flash在網站中的應用

黃旭東

（同濟大學研究生院，上海 200092）

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

一、Flash網站概述

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

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

二、Flash與ActionScript的結合

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

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

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

三、Flash在網站中的應用

（一）Flash應用于網站的優(yōu)勢與劣勢

1.優(yōu)勢

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

2.劣勢

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

（二）Flash在網站中的具體應用

1.Flash圖片切換

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

圖1

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

2.Flash廣告條

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

圖2 動作截圖

Flash形式具備動畫特效復雜、動作時間長、文件小、可以有多個點擊鏈接、畫面更加平滑的特點，而缺點是可能會被瀏覽器攔截，點擊鏈接容易失效。而GIF動畫具有單一性、與網站代碼的融合性等特點，可以很好地被瀏覽器識別并播放，一般不會被攔截，但因為只是一種多圖片播放的動畫，所以文件偏大，內容普遍比較短暫，一般只是簡單的動作。由于這兩種形式各有長短，網站普遍兩種形式都會采用，并根據具體情況進行選擇。

3.Flash多媒體展示

這種形式普遍應用于個性展示與單一頁面單一產品的復雜展示，例如課件交互演示。這類應用主要利用Flash的交互性，向使用者提供交互學習或交互理解，這是Flash以外的其他方法很難做到的。其主要手段有動畫播放流程演示、點擊演示、Flash特效交互展示。例如電線與管道的走水走電結構，如果單靠圖表的方式講解，讀者需要很多的時間和精力去領會，而利用動畫的方式將過程全部用時間軸的方式體現，讀者基本看一次就能理解清楚。這對于提高教學和演示效率是很有幫助的。

4.Flash 3D立體展示

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

圖3

5.全Flash站點

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

圖4 NASCAR和美國空軍合作網站

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

四、Flsah網站建設的注意事項

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