一、緒論

Flash網(wǎng)站設(shè)計(jì)是指用用Flash軟件制作的網(wǎng)站，網(wǎng)頁內(nèi)容多數(shù)甚至全部是flash。Flash是一種創(chuàng)作工具，設(shè)計(jì)人員和開發(fā)人員可使用它來創(chuàng)建演示文稿、應(yīng)用程序和其它允許用戶交互的內(nèi)容。Flash特別適用于創(chuàng)建通過Internet提供的內(nèi)容，因?yàn)樗奈募浅Ｐ　?

本動(dòng)漫網(wǎng)站的設(shè)計(jì)特點(diǎn)：構(gòu)架是以flash為主要框架頁面，結(jié)合一般的html網(wǎng)頁構(gòu)成；風(fēng)格為主體顏色為棕色，有金屬感、復(fù)古感。頁面間切換時(shí)有動(dòng)畫效果，菜單、按鈕、目錄等也做了動(dòng)態(tài)效果。主頁共分迷你游戲、賞漫軟件、精品動(dòng)畫、酷站導(dǎo)航、酷炫漫畫、關(guān)于作品等六個(gè)導(dǎo)航按鈕，每一個(gè)導(dǎo)航按鈕指向一個(gè)具有獨(dú)立內(nèi)容的子頁面。

二、網(wǎng)站涉及的開發(fā)工具與開發(fā)語言

（一）網(wǎng)站使用的開發(fā)工具

AdobePhotoshopCS2：作為圖形圖像處理軟件，在falsh網(wǎng)站設(shè)計(jì)時(shí)一些圖片素材如背景圖片、按鈕、LOGO等在載入flash庫(kù)前有必要用Photoshop做適當(dāng)?shù)奶幚怼?

MacromediaFlash8.0Pro：該軟件增強(qiáng)了為移動(dòng)設(shè)備開發(fā)的功能,方便創(chuàng)建FlashWeb增強(qiáng)的網(wǎng)絡(luò)視頻，配合其內(nèi)置的ActionScript2.0能夠完美實(shí)現(xiàn)網(wǎng)站設(shè)計(jì)中所需要的各種動(dòng)態(tài)效果和交互效果，而我此次所做的flash網(wǎng)站就是在MacromediaFlash8.0Pro的環(huán)境下制作。

AdobeDreamweaverCS3：Dreamveaver是一款功能強(qiáng)大的網(wǎng)站制作和維護(hù)工具，利用Dreamveaver能夠?qū)崿F(xiàn)所見即所得式的網(wǎng)頁制作制作方式，只需像Word一樣編輯頁面，Dreamveaver會(huì)在后臺(tái)自動(dòng)生成其相應(yīng)的HTML語句。在設(shè)計(jì)flash網(wǎng)站是我們會(huì)利用Dreamveaver設(shè)計(jì)一些簡(jiǎn)單的頁面配合flash設(shè)計(jì)的網(wǎng)站主體形成更加內(nèi)容豐富、更加具有實(shí)用性的網(wǎng)站。

（二）網(wǎng)站開發(fā)語言

ActionScript2.0：ActionScript是用來向Flash應(yīng)用程序添加交互性的語言，此類應(yīng)用程序可以是簡(jiǎn)單的SWF動(dòng)畫文件，也可以是更復(fù)雜的功能豐富的Internet應(yīng)用程序。

HTML：HTML文件是用ASCLL代碼編寫成的，可以保存為最簡(jiǎn)單的TXT文本文件，這樣用任何一個(gè)文字處理軟件都可以進(jìn)行編寫，這也是他能夠迅速迅速普及，并十分受歡迎的一個(gè)原因。

三、網(wǎng)站設(shè)計(jì)中的各種技術(shù)解析

（一）主頁界面設(shè)計(jì)解析

1、flash網(wǎng)站加載時(shí)的進(jìn)度條設(shè)計(jì)。

2、網(wǎng)站LOGO與站名設(shè)計(jì)

網(wǎng)站LOGO設(shè)計(jì)：（1）新建圖形元件“元件42”；（2）利用矩形工具建立一個(gè)白色矩形，在矩形正中建立一稍小些的背景色矩形形成白色矩形框；（3）利用任意變形工具將白色矩形框變形成為白色平行四邊形框。用線條工具進(jìn)行分割裁剪，旋轉(zhuǎn)變換得到要設(shè)計(jì)的網(wǎng)站LOGO。

站名設(shè)計(jì)：（1）新建圖形元件“元件17”；（2）利用文本工具輸入本站名稱“動(dòng)漫主題網(wǎng)站”，另起一行輸入網(wǎng)址；（3）選中站名將字體字號(hào)設(shè)，進(jìn)行屬性設(shè)計(jì)。3、網(wǎng)站導(dǎo)航條的設(shè)計(jì)（1）新建圖形元件“元件22”，作為導(dǎo)航條背景；（2）建立6個(gè)圖形元件分別在各元件中設(shè)計(jì)各導(dǎo)航按鈕文字；（3）給每個(gè)按鈕附加動(dòng)作。

4、進(jìn)入主頁界面前動(dòng)態(tài)效果設(shè)計(jì)

（1）新建圖形元件“元件29”，創(chuàng)建長(zhǎng)條圖行，作為三個(gè)小窗口推薦酷站、本站作品、站內(nèi)更新的上框；（2）新建圖像元件，在其上創(chuàng)建與小窗口等大的白色和背景色的矩形色塊，在不同圖層中各小窗口的上框和窗體依次在時(shí)間軸上載入并做形狀補(bǔ)間動(dòng)畫；（3）導(dǎo)航條、網(wǎng)頁頭尾的圖片條以相同方式在時(shí)間軸上依次載入并做形狀補(bǔ)間效果，就可以完全載入主頁界面獲得完整的主頁框架界面。

5、進(jìn)入主頁時(shí)的音效設(shè)置：（1）挑選合適的音效載入庫(kù)中；（2）選擇適當(dāng)?shù)囊粜砑拥綍r(shí)間軸上的適當(dāng)位置，使動(dòng)態(tài)效果更具表現(xiàn)力。

（二）“迷你游戲”flash子頁面設(shè)計(jì)

子頁面載入特效設(shè)計(jì)：子頁面載入特效在多個(gè)頁面中都有應(yīng)用，此處的特效所采用的技術(shù)是依次在時(shí)間軸的適當(dāng)位置利用圖形元件的alpha值、亮度的調(diào)節(jié)及形狀的改變做成補(bǔ)間動(dòng)畫來實(shí)現(xiàn)的。

（三）“賞漫軟件”flash子頁面設(shè)計(jì)：“賞漫軟件”目錄的制作，賞漫軟件目錄的制作大體上與游戲目錄相仿，所不同的是不需要轉(zhuǎn)換和滑動(dòng)，也就比游戲目錄要好做多，同時(shí)目錄中軟件按鈕的制作也和游戲目錄中按鈕一樣，按鈕附加動(dòng)作代碼：on（press）{unloadMovieNum（3）;loadMovieNum（"此處最好填所連接swf文件的相對(duì)位置",2）;}；賞漫軟件的圖片文字介紹部分制作，該部分是以一個(gè)小的swf文件單獨(dú)存在的，在點(diǎn)擊軟件按鈕時(shí)會(huì)載入相應(yīng)的swf文件在界面的適當(dāng)位置。

（四）“精品動(dòng)畫”flash子頁面設(shè)計(jì)：“精品動(dòng)畫”flash子頁面是一個(gè)與前幾個(gè)子頁面略有不同的子頁面，頁面的設(shè)計(jì)風(fēng)格與前幾個(gè)頁面有些許差異，不規(guī)則的背景使得頁面整體顯得翹起生動(dòng)。

四、結(jié)論

Flash網(wǎng)站具有設(shè)計(jì)精美，擁有更多聲效、動(dòng)畫、流媒體剪輯、美術(shù)效果及兼顧互動(dòng)性等特征，非常適合公司作在線產(chǎn)品展示。制作全Flash網(wǎng)站和制作html網(wǎng)站類似，事先應(yīng)先在紙上畫出結(jié)構(gòu)關(guān)系圖，F(xiàn)lash網(wǎng)站基本以圖形和動(dòng)畫為主，所以比較適合做那些文字內(nèi)容不太多，以平面、動(dòng)畫效果為主的應(yīng)用。