全flash站制作剖析
2024-09-12 17:50:34
供稿：網友
作者：李宏明
經過一段時間的Flash學習之后，很多朋友開始對那些全Flash網站的制作發生興趣。全Flash網站基本以圖形和動畫為主，所以比較適合做那些文字內容不太多，以平面、動畫效果為主的應用。如：企業品牌推廣、特定網上廣告、網絡游戲、個性網站等。
制作全Flash網站和制作html網站類似，事先應先在紙上畫出結構關系圖，包括：網站的主題、要用什么樣的元素、哪些元素需要重復使用、元素之間的聯系、元素如何運動、用什么風格的音樂、整個網站可以分成幾個邏輯塊、各個邏輯塊間的聯系如何、以及你是否打算用Flash建構全站或是只用其做網站的前期部分等等，都應在考慮范圍之內。
實現全Flash網站效果多種多樣，但基本原理是相同的：將主場景作為一個"舞臺"，這個舞臺提供標準的長寬比例和整個的版面結構，“演員”就是網站子欄目的具體內容，根據子欄目的內容結構可能會再派生出更多的子欄目。主場景作為"舞臺"基礎，基本保持自身的內容不變，其它"演員"身份的的子類、次子類內容根據需要被導入到主場景內。
從技術方面講，如果你已經掌握了不少單個Flash作品的制作方法，再多了解一些swf文件之間的調用方法，制作全Flash網站并不會太復雜。
參考流程：網站結構規劃―>Flash場景規劃―>素材準備―>分別制作―>整體整合
一、全Flash網站和單個Flash作品制作的區別
二、常用技術
1、重要ActionScript代碼控制
2、Loading的制作
3、文本導入
三、實例制作剖析
1、本實例網站結構規劃
2、首頁場景index.swf的制作
3、次場景Cartoon(200208.swf)的制作
4、二級次場景（200208_frog01～200208_frog05)制作
5、About中的文本導入
四、注意事項
以上我們通過實例剖析的方式大略介紹了全Flash網站的基本制作方法，希望給喜歡Flash的朋友們一點實實在在的幫助，期望不久以后能看到大家做出的精彩Flash網站！本文Flash網站實例源文件下載
一、全Flash網站和單個Flash作品制作的區別
1、文件結構不同
單個Flash作品的場景、動畫過程及內容都在一個文件內，而全Flash網站的文件由若干個文件構成，并且可以隨發展的需要繼續擴展。全Flash網站的文件動畫分別在各自的對應文件內。通過Action的導入和跳轉控制實現動畫效果，由于同時可以加載多個SWF文件，它們將重疊在一起顯示在屏幕上。
2、制作思路不同
單個Flash作品的制作一般都在一個獨立的文件內，計劃好動畫效果隨時間線的變化或場景的交替變化即可。全Flash網站制作則更需要整體的把握，通過不同文件的切換和控制來實現全Flash網站的動態效果，要求制作者有明確的思路和良好的制作習慣。
3、文件播放流程不同
單個Flash作品通常需要將所以的文件做在一個文件內，在觀看效果是必須等文件基本下載完畢才開始播放。但全Flash網站是通過若干個文件結合在一起，在時間流上更符合Flash軟件產品的特性。文件可以做的比較小，通過陸續載入其它文件更適合Internet的傳播，這樣同時避免了訪問者因等待時間過長而放棄瀏覽。
二、常用技術
1、重要ActionScript代碼控制
這是全Flash網站實現的關鍵，尤其是Flash MX新增了很多功能強大的命令，關于這部分，請大家可以參看看看其它的資料,這里只介紹部分制作全Flash網站需要使用的比較重要的ActionScript函數。
loadMovieNum("url",level[, variables])
loadMovie("url",level/target[, variables])
功能說明：
在播放原來加載的影片的同時將SWF或JPEG文件加載進來。
參數說明：
url 要加載的 SWF 或 JPEG 文件的絕對或相對 URL，不能包含文件夾或磁盤驅動器說明。
level 把swf文件以層的形式載入到Movie里，若載入0層，則載入的swf文件將取代當前播放的Movie，。2層高于1層。
Target 可用路徑拾取器取得并替換目標MC，載入的電影將擁有目標MC的位置、大小和旋轉角度等屬性。(個人認為用Target好些，在控制載入.swf位置時比較方便)
variables 可選參數，指定發送變量所使用的 HTTP 方法（GET/POST），如果沒有則省略此參數。
層次Level：Flash允許同時運行多個SWF文件，Flash一旦載入一個SWF文件，則占據了一個"層次"，系統默認的是_Flash0或_Level0，之后的Movie則按順序放在level0---level16000里。第一個載入的SWF文件為_Flash0或_Level0，第二個如果加載到第一層時的稱為_Flash1或_Level1,依此類推。注意前提是前面載入的文件沒有退出，否則沖掉第一個SWF文件，第一個文件也從內存中退出。
注意：如果你將外部的Movie加載到Leve0層或者Level0里，那么，原始的Movie就會被暫時取代，要再用時還得重新Load一次，也就是說，一個Level在一個時間里只能有一個Movie存在。在使用LoadMovie和UnLoadMovie時必須特別注意Level之間的關系，否則，當你希望在一個時間里只播放一個Movie而Unload掉前一個Movie時，就會出現不必要的麻煩。
unloadMovieNum(level)
unloadMovie[Num](level/"target")
功能說明： 從 Flash Player 中刪除已加載的影片。
參數說明： 同上
loadVariables ("url" ,level/"target" [, variables])
功能說明：
從外部文件中（例如文本文件，或由 CGI 腳本、Active Server Page (ASP)、PHP 或 Perl 腳本生成的文本）讀取數據，并設置 Flash Player 級別或目標影片剪輯中變量的值。
參數說明：
url 變量所處位置的絕對或相對 URL
level 指定 Flash Player 中接收這些變量的級別的整數。
Target 指向接收所加載變量的影片剪輯的目標路徑。
variables 可選參數，指定發送變量所使用的 HTTP 方法（GET/POST），如果沒有則省略此參數。
gotoAndPlay(scene, frame)
功能說明：
轉到指定場景中指定的幀并從該幀開始播放。如果未指定場景，則播放頭將轉到當前場景中的指定幀。
參數說明：
scene 轉到的場景的名稱。
frame 轉到的幀的編號或標簽。
2、Loading的制作
考慮到網絡傳輸的速度，如果index.swf文件比較大，在它被完全導入以前設計一個Loading引導瀏覽者耐心等待是非常有必要的。同時設計得好的loading在某些時候還可以為網站起一定的鋪墊作用。
一般的做法是先將loading做成一個MC，在場景的最后位置設置標簽如end，通過ifFrameLoaded來判斷是否已經下載完畢，如果已經下載完畢則通過gotoAndPlay控制整個Flash的播放。
以一個Loading文件為例，在場景里加入插入MC，
ifFrameLoaded("end"){
gotoAndPlay("開始播放的地方");
}
3、文本導入
在我們制作全Flash網站的過程中經常遇到一定量的文字內容需要體現，文本的內容表現與上面介紹的流程是一樣的，不同的地方體現最后的表現效果和處理手法還是有些不同。
方法一、文本圖形法
如果文本內容不多，有希望將文本內容做的比較有動態效果，可以采用此法。將需要文本做成若干個Flash的元件，在相應的位置安排好。文本圖形法的文件載入與上面介紹的處理手法比較類似，原理都差不多。具體動態效果就有待大家自己去考慮，這里就不多介紹。
方法二、直接導入法
文本導入法可以將獨立的.txt文本文件，通過loadVariables導入到Flash文件內，修改時只需要修改txt文本內容就可以實現Flash相關文件的修改，非常方便。
在文本框屬性中設置Var:變量名（注意這個變量名）。
為文本框所在的幀添加ActionScript代碼：
loadVariables("變量名.txt","");
編寫一個純文本文件.txt（文件名隨意），文本開頭為“變量名=”，“＝”后面寫上正式的文本內容。
三、實例制作剖析
一般制作流程：
網站結構規劃―>Flash場景規劃―>素材準備―>分別制作―>整體整合
1、本實例網站結構規劃
網站欄目：News、About、E-mail、Gallery、Cartoon、Animation
子欄目About：Feiyingis、Member、Relationship、ContactUs
紅線部分構成主場景（舞臺），每個子欄目在首頁里僅保留名稱，屬性為按鈕。
藍線部分內容為次場景（演員），可以將次場景內容做在一個文件內，同時也可以做成若干個獨立文件，根據需要導入到主場景（舞臺）內。
2、首頁場景index.swf的制作
全Flash網站由主場景、子場景、次子場景……構成。
和制作html網站類似，一般我們會制作一個主場景index.swf，主要內容包括：長寬比例、背景、欄目導航按鈕、網站名稱等“首頁”信息。最后發布成一個html文件，或者自己做一個html頁面，內容就是一個表格，里面寫上index.swf的嵌入代碼即可。
主場景安排：
藍色線條部分為網站名稱、版權等固定信息區，通常所在位置為Flash動畫的邊緣位置。
橙色線條內容為網站欄目導航按鈕，通常也是固定在某個區域。按鈕可以根據需要做成靜態或動態效果，甚至可以做成一個包含MC變化的Button。
綠色線條部分為主場景導入子文件的演示區域。
在子文件的裝載方面主要用到:LoadMovieNum、UnloadMovieNum兩個控制函數，請參閱前文重要ActionScript代碼控制。
這里我們以子欄目Cartoon的制作為例。主場景文件index中有一個按鈕Cartoon，當我們點擊Cartoon按鈕時希望導入cartoon文件夾下的200208.swf文件。所以我們在場景內選擇Cartoon按鈕，添加Action代碼：
on(release){
loadMovieNum("cartoon/200208.swf",1);
unloadMovieNum(2);
}
注意這里我們設置level為1。
3、次場景200208.swf的制作
現在確定Cartoon子欄目需要導入的文件200208.swf，該文件計劃包含5個子文件。所以200208.swf文件的界面只包含用于導入5個獨立子文件的5個圖形按鈕和一個標題。
200208.swf
從圖上大家可以看到，200208.swf文件包含5個屬性為button的小圖標，分別為Bu_2_frog01到Bu_2_frog05。我們需要的效果是：點擊它們則分別導入相應文件200208_frog01.swf到200208_frog05.swf文件。
我們在場景內選擇Bu_2_frog01，為這個按鈕添加ActionScript：
on(release){
loadMovieNum("cartoon/200208_frog01.swf",2);
}
點擊Bu_2_frog02，為這個按鈕添加ActionScript：
on(release){
loadMovieNum("cartoon/200208_frog02.swf",2);
}
……
依次將5個button分別設置好相對應的action以便調用相應的文件。
注意：這里我們設置level為2，是為了保留并區別主場景1而設置的導入的層次數，如果需要導入下一級的層數，則層數增加為3，依次類推。
4、二級次場景（200208_frog01～200208_frog05)制作
這里的二級次場景是與上級關聯的內容，是本例中三級結構中的最后一級。該級主要為全Flash網站具體內容部分，可以是詳細的圖片、文字、動畫內容。這里需要連接的是具體圖片為內容，但同樣需要做成與主場景比例同等的swf文件。例如：
200208_frog01
200208_frog02
該場景是最底層場景，為主體內容顯示部分，具體動畫效果大家可以根據需要做更深入。注意要在場景最后一幀處加入停止ActionScript代碼:stop();這樣可以停止場景動畫的循環動作。
完整導入到主場景內的效果
5、About中的文本導入
查看本例的About子欄目，在文件index.fla里設置About按鈕的action：
on(release){
loadMovieNum("aboutus.swf",1);
unloadMovieNum(2);
}
在aboutus.fla文件中做好顯示文本的文本框，文本框屬性設置為多行（Multiline）,Var:aboutus（注意這個變量名）。
為文本框所在的幀加ActionScript代碼：
loadVariables("aboutus.txt","");
在aboutus.swf文件所屬目錄下編寫一個純文本文件about.txt，文本開頭為“aboutus=”，“＝”后面寫上正式的文本內容。
將文本文件完整導入到主場景內的效果
四、注意事項
1、注意所有子文件的長、寬屬性
全Flash網站從畫面層次來看，非常類似Photoshop的層結構，我們可以把每個子場景看做為一個層文件，子文件是在背景的長寬范圍內出現。為了方便定位，我們可以讓子文件與主場景保持統一的長寬比例，這樣非常便于版面安排。否則就必須用setProperty語句小心控制它們的位置。
2、發布文件時注意將html選項發布為透明模式
需要將每個子文件發布為透明模式的原因是不能讓子文件帶有背景底色，由于子文件的長寬比例與主場景基本是一致的，如果子文件帶有底色，就會遮蓋主場景的內容。
設置方法：在發布設置里勾選html選項，在html面板里選擇windowsmode:TransparentWindowless,如圖。
3、使用文本導入時，注意文本文件開頭的內容必須是“與文本框屬性中Var定義名相同的字符串=正文”。另外需要導入文本的swf文件與被導入的txt文本文件最好在同一目錄內。
4、注意仔細檢查文件之間的調用是否正確，避免出現“死鏈接”。
