經(jīng)過一段時間的flash學(xué)習(xí)之后,很多朋友開始對那些全flash網(wǎng)站的制作發(fā)生興趣。全flash網(wǎng)站基本以圖形和動畫為主,所以比較適合做那些文字內(nèi)容不太多,以平面、動畫效果為主的應(yīng)用。如:企業(yè)品牌推廣、特定網(wǎng)上廣告、網(wǎng)絡(luò)游戲、個性網(wǎng)站等。 制作全flash網(wǎng)站和制作html網(wǎng)站類似,事先應(yīng)先在紙上畫出結(jié)構(gòu)關(guān)系圖,包括:網(wǎng)站的主題、要用什么樣的元素、哪些元素需要重復(fù)使用、元素之間的聯(lián)系、元素如何運動、用什么風(fēng)格的音樂、整個網(wǎng)站可以分成幾個邏輯塊、各個邏輯塊間的聯(lián)系如何、以及你是否打算用flash建構(gòu)全站或是只用其做網(wǎng)站的前期部分等等,都應(yīng)在考慮范圍之內(nèi)。 實現(xiàn)全flash網(wǎng)站效果多種多樣,但基本原理是相同的:將主場景作為一個"舞臺",這個舞臺提供標(biāo)準(zhǔn)的長寬比例和整個的版面結(jié)構(gòu),“演員”就是網(wǎng)站子欄目的具體內(nèi)容,根據(jù)子欄目的內(nèi)容結(jié)構(gòu)可能會再派生出更多的子欄目。主場景作為"舞臺"基礎(chǔ),基本保持自身的內(nèi)容不變,其它"演員"身份的的子類、次子類內(nèi)容根據(jù)需要被導(dǎo)入到主場景內(nèi)。 從技術(shù)方面講,如果你已經(jīng)掌握了不少單個flash作品的制作方法,再多了解一些swf文件之間的調(diào)用方法,制作全flash網(wǎng)站并不會太復(fù)雜。 參考流程:網(wǎng)站結(jié)構(gòu)規(guī)劃—> flash場景規(guī)劃—>素材準(zhǔn)備—>分別制作—>整體整合 一、全flash網(wǎng)站和單個flash作品制作的區(qū)別 二、常用技術(shù) 1、重要actionscript代碼控制 2、loading的制作 3、文本導(dǎo)入 三、實例制作剖析 1、本實例網(wǎng)站結(jié)構(gòu)規(guī)劃 2、首頁場景index.swf的制作 3、次場景cartoon(200208.swf)的制作 4、二級次場景(200208_frog01~200208_frog05)制作 5、about中的文本導(dǎo)入 四、注意事項 以上我們通過實例剖析的方式大略介紹了全flash網(wǎng)站的基本制作方法,希望給喜歡flash的朋友們一點實實在在的幫助,期望不久以后能看到大家做出的精彩flash網(wǎng)站!本文flash網(wǎng)站實例源文件下載請點附件。 一、全flash網(wǎng)站和單個flash作品制作的區(qū)別 1、文件結(jié)構(gòu)不同 單個flash作品的場景、動畫過程及內(nèi)容都在一個文件內(nèi),而全 flash網(wǎng)站的文件由若干個文件構(gòu)成,并且可以隨發(fā)展的需要繼續(xù)擴展。全flash網(wǎng)站的文件動畫分別在各自的對應(yīng)文件內(nèi)。通過action的導(dǎo)入和跳轉(zhuǎn)控制實現(xiàn)動畫效果,由于同時可以加載多個swf文件,它們將重疊在一起顯示在屏幕上。 2、制作思路不同 單個flash作品的制作一般都在一個前幾立的文件內(nèi),計劃好動畫效果隨時間線的變化或場景的交替變化即可。全flash網(wǎng)站制作則更需要整體的把握,通過不同文件的切換和控制來實現(xiàn)全flash網(wǎng)站的動態(tài)效果,要求制作者有明確的思路和良好的制作習(xí)慣。 3、文件播放流程不同 單個flash作品通常需要將所以的文件做在一個文件內(nèi),在觀看效果是必須等文件基本下載完畢才開始播放。但全flash網(wǎng)站是通過若干個文件結(jié)合在一起,在時間流上更符合flash軟件產(chǎn)品的特性。文件可以做的比較小,通過陸續(xù)載入其它文件更適合internet的傳播,這樣同時避免了訪問者因等待時間過長而放棄瀏覽。 二、常用技術(shù) 1、重要actionscript代碼控制 這是全flash網(wǎng)站實現(xiàn)的關(guān)鍵,尤其是flash mx新增了很多功能強大的命令,關(guān)于這部分,請大家可以參看看看其它的資料,這里只介紹部分制作全flash網(wǎng)站需要使用的比較重要的actionscript函數(shù)。 loadmovienum("url",level[, variables]) loadmovie("url",level/target[, variables]) 全Flash網(wǎng)站制作剖析 2008-9-24 14:54:47 中國大學(xué)生網(wǎng) 我要評論(0) 經(jīng)過一段時間的flash學(xué)習(xí)之后,很多朋友開始對那些全flash網(wǎng)站的制作發(fā)生興趣。全flash網(wǎng)站基本以圖形和動畫為主,所以比較適合做那些文字內(nèi)容不太多,以平面、動畫效果為主的應(yīng)用。如:企業(yè)品牌推廣、特定網(wǎng)上廣告、網(wǎng)絡(luò)游戲、個性網(wǎng)站等。 制作全flash網(wǎng)站和制作html網(wǎng)站類似,事先應(yīng)先在紙上畫出結(jié)構(gòu)關(guān)系圖,包括:網(wǎng)站的主題、要用什么樣的元素、哪些元素需要重復(fù)使用、元素之間的聯(lián)系、元素如何運動、用什么風(fēng)格的音樂、整個網(wǎng)站可以分成幾個邏輯塊、各個邏輯塊間的聯(lián)系如何、以及你是否打算用flash建構(gòu)全站或是只用其做網(wǎng)站的前期部分等等,都應(yīng)在考慮范圍之內(nèi)。 實現(xiàn)全flash網(wǎng)站效果多種多樣,但基本原理是相同的:將主場景作為一個"舞臺",這個舞臺提供標(biāo)準(zhǔn)的長寬比例和整個的版面結(jié)構(gòu),“演員”就是網(wǎng)站子欄目的具體內(nèi)容,根據(jù)子欄目的內(nèi)容結(jié)構(gòu)可能會再派生出更多的子欄目。主場景作為"舞臺"基礎(chǔ),基本保持自身的內(nèi)容不變,其它"演員"身份的的子類、次子類內(nèi)容根據(jù)需要被導(dǎo)入到主場景內(nèi)。 從技術(shù)方面講,如果你已經(jīng)掌握了不少單個flash作品的制作方法,再多了解一些swf文件之間的調(diào)用方法,制作全flash網(wǎng)站并不會太復(fù)雜。 參考流程:網(wǎng)站結(jié)構(gòu)規(guī)劃—> flash場景規(guī)劃—>素材準(zhǔn)備—>分別制作—>整體整合 一、全flash網(wǎng)站和單個flash作品制作的區(qū)別 二、常用技術(shù) 1、重要actionscript代碼控制 2、loading的制作 3、文本導(dǎo)入 三、實例制作剖析 1、本實例網(wǎng)站結(jié)構(gòu)規(guī)劃 2、首頁場景index.swf的制作 3、次場景cartoon(200208.swf)的制作 4、二級次場景(200208_frog01~200208_frog05)制作 5、about中的文本導(dǎo)入 四、注意事項 以上我們通過實例剖析的方式大略介紹了全flash網(wǎng)站的基本制作方法,希望給喜歡flash的朋友們一點實實在在的幫助,期望不久以后能看到大家做出的精彩flash網(wǎng)站!本文flash網(wǎng)站實例源文件下載請點附件。 一、全flash網(wǎng)站和單個flash作品制作的區(qū)別 1、文件結(jié)構(gòu)不同 單個flash作品的場景、動畫過程及內(nèi)容都在一個文件內(nèi),而全 flash網(wǎng)站的文件由若干個文件構(gòu)成,并且可以隨發(fā)展的需要繼續(xù)擴展。全flash網(wǎng)站的文件動畫分別在各自的對應(yīng)文件內(nèi)。通過action的導(dǎo)入和跳轉(zhuǎn)控制實現(xiàn)動畫效果,由于同時可以加載多個swf文件,它們將重疊在一起顯示在屏幕上。 2、制作思路不同 單個flash作品的制作一般都在一個前幾立的文件內(nèi),計劃好動畫效果隨時間線的變化或場景的交替變化即可。全flash網(wǎng)站制作則更需要整體的把握,通過不同文件的切換和控制來實現(xiàn)全flash網(wǎng)站的動態(tài)效果,要求制作者有明確的思路和良好的制作習(xí)慣。 3、文件播放流程不同 單個flash作品通常需要將所以的文件做在一個文件內(nèi),在觀看效果是必須等文件基本下載完畢才開始播放。但全flash網(wǎng)站是通過若干個文件結(jié)合在一起,在時間流上更符合flash軟件產(chǎn)品的特性。文件可以做的比較小,通過陸續(xù)載入其它文件更適合internet的傳播,這樣同時避免了訪問者因等待時間過長而放棄瀏覽。 二、常用技術(shù) 1、重要actionscript代碼控制 這是全flash網(wǎng)站實現(xiàn)的關(guān)鍵,尤其是flash mx新增了很多功能強大的命令,關(guān)于這部分,請大家可以參看看看其它的資料,這里只介紹部分制作全flash網(wǎng)站需要使用的比較重要的actionscript函數(shù)。 loadmovienum("url",level[, variables]) loadmovie("url",level/target[, variables]) 功能說明: 在播放原來加載的影片的同時將swf或jpeg文件加載進來。參數(shù)說明: url 要加載的 swf 或 jpeg 文件的更對或相對 url,不能包含文件夾或磁盤驅(qū)動器說明。 level 把swf文件以層的形式載入到movie里,若載入0層,則載入的swf文件將取代當(dāng)前播放的movie,。2層高于1層。 target 可用路徑拾取器取得并替換目標(biāo)mc,載入的電影將擁有目標(biāo)mc的位置、大小和旋轉(zhuǎn)角度等屬性。(個人認為用target好些,在控制載入.swf位置時比較方便) variables 可選參數(shù),指定發(fā)送變量所使用的 http 方法(get/post),如果沒有則省略此參數(shù)。 層次level:flash允許同時運行多個swf文件,flash一旦載入一個swf文件,則占據(jù)了一個"層次",系統(tǒng)默認的是_flash0或_level0,之后的movie則按順序放在level0---level16000里。前幾個載入的swf文件為_flash0或_level0,**個如果加載到前幾層時的稱為_flash1或_level1,依此類推。注意前提是前面載入的文件沒有退出,否則沖掉前幾個swf文件,前幾個文件也從內(nèi)存中退出。 注意:如果你將外部的movie加載到leve0層或者level0里,那么,原始的movie就會被暫時取代,要再用時還得重新load一次,也就是說,一個level在一個時間里只能有一個movie存在。在使用loadmovie和unloadmovie時必須特別注意level之間的關(guān)系,否則,當(dāng)你希望在一個時間里只播放一個movie而unload掉前一個movie時,就會出現(xiàn)不必要的麻煩。 unloadmovienum(level) unloadmovie[num](level/"target") 功能說明: 從 flash player 中刪除已加載的影片。參數(shù)說明: 同上 loadvariables ("url" ,level/"target" [, variables]) 功能說明: 從外部文件中(例如文本文件,或由 cgi 腳本、active server page (asp)、php 或 perl 腳本生成的文本)讀取數(shù)據(jù),并設(shè)置 flash player 級別或目標(biāo)影片剪輯中變量的值。參數(shù)說明: url 變量所處位置的更對或相對 url level 指定 flash player 中接收這些變量的級別的整數(shù)。 target 指向接收所加載變量的影片剪輯的目標(biāo)路徑。 variables 可選參數(shù),指定發(fā)送變量所使用的 http 方法(get/post),如果沒有則省略此參數(shù)。 gotoandplay(scene, frame) 功能說明: 轉(zhuǎn)到指定場景中指定的幀并從該幀開始播放。如果未指定場景,則播放頭將轉(zhuǎn)到當(dāng)前場景中的指定幀。參數(shù)說明: scene 轉(zhuǎn)到的場景的名稱。 frame 轉(zhuǎn)到的幀的編號或標(biāo)簽。 <評論文章列表><評論點id>77922<數(shù)量>12<主題>全flash網(wǎng)站制作剖析<主題地址><評論>707249<作者筆名><簡短內(nèi)容><發(fā)表時間><評論>694561<作者筆名><簡短內(nèi)容><發(fā)表時間><評論>688431<作者筆名><簡短內(nèi)容><發(fā)表時間><評論>668692<作者筆名><簡短內(nèi)容><發(fā)表時間><評論>665516<作者筆名><簡短內(nèi)容><發(fā)表時間><評論>660297<作者筆名><簡短內(nèi)容><發(fā)表時間><評論>653812<作者筆名><簡短內(nèi)容><發(fā)表時間><評論>641636<作者筆名><簡短內(nèi)容><發(fā)表時間><評論>628615<作者筆名><簡短內(nèi)容><發(fā)表時間><評論>622655<作者筆名><簡短內(nèi)容><發(fā)表時間> 察看評論詳細內(nèi)容 我要發(fā)表評論作者筆名 簡短內(nèi)容 發(fā)表時間 betty: 調(diào)用txt文件中的內(nèi)容,不能顯示其中的漢字,怎么辦 08-20 09:56 flasher: 希望多點關(guān)于用flash做網(wǎng)站的文章!我們學(xué)校 08-14 19:49 africagd: on (release) { loa 08-12 09:07 veryeager: 請問在load另一個swf之前要讓上一個swf漸漸 08-03 21:59 deathceremory: 在頁面設(shè)置里面有上下左右四個邊界的設(shè)定值,將他們設(shè) 08-02 17:43 勇往直前: 那位高手知道讓發(fā)布的動態(tài)網(wǎng)頁在游覽器中一個像素都沒 07-31 17:04 龍之魚: 請問能否介紹詳細的視頻手把手教你學(xué)flash呢,這 07-29 09:18 wl1951: 很感謝你 07-24 10:42 a feng: 非常感謝! 07-18 23:22 很好: 期待更多,快出新作 07-16 10:35 2、loading的制作 考慮到網(wǎng)絡(luò)傳輸?shù)乃俣?,如果index.swf文件比較大,在它被完全導(dǎo)入以前設(shè)計一個loading引導(dǎo)瀏覽者耐心等待是非常有必要的。同時設(shè)計得好的loading在某些時候還可以為網(wǎng)站起一定的鋪墊作用。 一般的做法是先將loading做成一個mc,在場景的更后位置設(shè)置標(biāo)簽如end,通過ifframeloaded來判斷是否已經(jīng)下載完畢,如果已經(jīng)下載完畢則通過gotoandplay控制整個flash的播放。 以一個loading文件為例,在場景里加入插入mc, ifframeloaded ("end" ) { gotoandplay("開始播放的地方"); } 3、文本導(dǎo)入 在我們制作全flash網(wǎng)站的過程中經(jīng)常遇到一定量的文字內(nèi)容需要體現(xiàn),文本的內(nèi)容表現(xiàn)與上面介紹的流程是一樣的,不同的地方體現(xiàn)更后的表現(xiàn)效果和處理手法還是有些不同。 方法一、文本圖形法 如果文本內(nèi)容不多,有希望將文本內(nèi)容做的比較有動態(tài)效果,可以采用此法。將需要文本做成若干個flash的元件,在相應(yīng)的位置安排好。文本圖形法的文件載入與上面介紹的處理手法比較類似,原理都差不多。具體動態(tài)效果就有待大家自己去考慮,這里就不多介紹。 方法二、直接導(dǎo)入法 文本導(dǎo)入法可以將前幾立的.txt文本文件,通過loadvariables導(dǎo)入到flash文件內(nèi),修改時只需要修改txt文本內(nèi)容就可以實現(xiàn)flash相關(guān)文件的修改,非常方便。 在文本框?qū)傩灾性O(shè)置var:變量名(注意這個變量名)。 為文本框所在的幀添加actionscript代碼: loadvariables("變量名.txt", ""); 編寫一個純文本文件.txt(文件名隨意),文本開頭為“變量名=”,“=”后面寫上正式的文本內(nèi)容。 三、實例制作剖析 一般制作流程: 網(wǎng)站結(jié)構(gòu)規(guī)劃—> flash場景規(guī)劃—>素材準(zhǔn)備—>分別制作—>整體整合 1、本實例網(wǎng)站結(jié)構(gòu)規(guī)劃 網(wǎng)站欄目:news、about、e-mail、gallery、cartoon、animation 子欄目about:feiying is、member、relationship、contact us 紅線部分構(gòu)成主場景(舞臺),每個子欄目在首頁里僅保留名稱,屬性為按鈕。 藍線部分內(nèi)容為次場景(演員),可以將次場景內(nèi)容做在一個文件內(nèi),同時也可以做成若干個前幾立文件,根據(jù)需要導(dǎo)入到主場景(舞臺)內(nèi)。 2、首頁場景index.swf的制作 全flash網(wǎng)站由主場景、子場景、次子場景……構(gòu)成。 和制作html網(wǎng)站類似,一般我們會制作一個主場景index.swf,主要內(nèi)容包括:長寬比例、背景、欄目導(dǎo)航按鈕、網(wǎng)站名稱等“首頁”信息。更后發(fā)布成一個html文件,或者自己做一個html頁面,內(nèi)容就是一個表格,里面寫上index.swf的嵌入代碼即可。 主場景安排: 藍色線條部分為網(wǎng)站名稱、版權(quán)等固定信息區(qū),通常所在位置為flash動畫的邊緣位置。 橙色線條內(nèi)容為網(wǎng)站欄目導(dǎo)航按鈕,通常也是固定在某個區(qū)域。按鈕可以根據(jù)需要做成靜態(tài)或動態(tài)效果,甚至可以做成一個包含mc變化的button。 綠色線條部分為主場景導(dǎo)入子文件的演示區(qū)域。 在子文件的裝載方面主要用到:loadmovienum、unloadmovienum兩個控制函數(shù),請參閱前文重要actionscript代碼控制。 這里我們以子欄目cartoon的制作為例。主場景文件index中有一個按鈕cartoon,當(dāng)我們點擊cartoon按鈕時希望導(dǎo)入cartoon文件夾下的200208.swf文件。所以我們在場景內(nèi)選擇cartoon按鈕,添加action代碼: on (release) { loadmovienum("cartoon/200208.swf", 1); unloadmovienum (2); } 注意這里我們設(shè)置level為 1。 3、次場景200208.swf的制作 現(xiàn)在確定cartoon子欄目需要導(dǎo)入的文件200208.swf,該文件計劃包含5個子文件。所以200208.swf文件的界面只包含用于導(dǎo)入5個前幾立子文件的5個圖形按鈕和一個標(biāo)題。 200208.swf 從圖上大家可以看到,200208.swf文件包含5個屬性為button的小圖標(biāo),分別為bu_2_frog01到bu_2_frog05。我們需要的效果是:點擊它們則分別導(dǎo)入相應(yīng)文件200208_frog01.swf到200208_frog05.swf文件。 我們在場景內(nèi)選擇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分別設(shè)置好相對應(yīng)的action以便調(diào)用相應(yīng)的文件。 注意:這里我們設(shè)置level為2,是為了保留并區(qū)別主場景1而設(shè)置的導(dǎo)入的層次數(shù),如果需要導(dǎo)入下一級的層數(shù),則層數(shù)增加為3,依次類推。 4、二級次場景(200208_frog01~200208_frog05)制作 這里的二級次場景是與上級關(guān)聯(lián)的內(nèi)容,是本例中三級結(jié)構(gòu)中的更后一級。該級主要為全flash網(wǎng)站具體內(nèi)容部分,可以是詳細的圖片、文字、動畫內(nèi)容。這里需要連接的是具體圖片為內(nèi)容,但同樣需要做成與主場景比例同等的swf文件。例如: 200208_frog01 200208_frog02 該場景是更底層場景,為主體內(nèi)容顯示部分,具體動畫效果大家可以根據(jù)需要做更深入。注意要在場景更后一幀處加入停止actionscript代碼:stop();這樣可以停止場景動畫的循環(huán)動作。 完整導(dǎo)入到主場景內(nèi)的效果 5、about中的文本導(dǎo)入 查看本例的about子欄目,在文件index.fla里設(shè)置about按鈕的action: on (release) { loadmovienum("aboutus.swf", 1); unloadmovienum (2); } 在aboutus.fla文件中做好顯示文本的文本框,文本框?qū)傩栽O(shè)置為多行(multiline),var:aboutus(注意這個變量名)。 為文本框所在的幀加actionscript代碼: loadvariables("aboutus.txt", ""); 在aboutus.swf文件所屬目錄下編寫一個純文本文件about.txt,文本開頭為“aboutus=”,“=”后面寫上正式的文本內(nèi)容。 將文本文件完整導(dǎo)入到主場景內(nèi)的效果 四、注意事項 1、注意所有子文件的長、寬屬性 全flash網(wǎng)站從畫面層次來看,非常類似photoshop的層結(jié)構(gòu),我們可以把每個子場景看做為一個層文件,子文件是在背景的長寬范圍內(nèi)出現(xiàn)。為了方便定位,我們可以讓子文件與主場景保持統(tǒng)一的長寬比例,這樣非常便于版面安排。否則就必須用setproperty語句小心控制它們的位置。 2、發(fā)布文件時注意將html選項發(fā)布為透明模式 需要將每個子文件發(fā)布為透明模式的原因是不能讓子文件帶有背景底色,由于子文件的長寬比例與主場景基本是一致的,如果子文件帶有底色,就會遮蓋主場景的內(nèi)容。 設(shè)置方法:在發(fā)布設(shè)置里勾選html選項,在html面板里選擇windows mode:transparent windowless, 如圖。 3、使用文本導(dǎo)入時,注意文本文件開頭的內(nèi)容必須是“與文本框?qū)傩灾衯ar定義名相同的字符串=正文”。另外需要導(dǎo)入文本的swf文件與被導(dǎo)入的txt文本文件更好在同一目錄內(nèi)。 4、注意仔細檢查文件之間的調(diào)用是否正確,避免出現(xiàn)“死鏈接”。
全Flash網(wǎng)站制作剖析,希望對您有用。
查看更多寧波網(wǎng)站制作網(wǎng)站制作Flash