畢業(yè)論文-計(jì)算機(jī)

.z.安徽農(nóng)業(yè)大學(xué)經(jīng)濟(jì)技術(shù)學(xué)院畢業(yè)論文〔設(shè)計(jì)〕論文題目FLASH網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)姓名徐浩學(xué)號(hào)06538074院系經(jīng)濟(jì)技術(shù)學(xué)院專業(yè)計(jì)算機(jī)科學(xué)與技術(shù)指導(dǎo)教師范國(guó)華、吳國(guó)棟職稱助教、副教授中國(guó)·二o一o年六月安徽農(nóng)業(yè)大學(xué)學(xué)士學(xué)位論文〔設(shè)計(jì)〕開(kāi)題報(bào)告課題名稱Falsh網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)課題來(lái)源指導(dǎo)教師學(xué)生姓名徐浩專業(yè)計(jì)算機(jī)科學(xué)與技術(shù)**06538074指導(dǎo)教師姓名范國(guó)華，吳國(guó)棟職稱助教，副教授研究?jī)?nèi)容1關(guān)于FLASHCS3中關(guān)于網(wǎng)站制作的特殊優(yōu)勢(shì)，以及PHP語(yǔ)言在FLASH網(wǎng)站的制作的應(yīng)用。2對(duì)于FLASH網(wǎng)站整體外觀的設(shè)計(jì)流程的研究。3對(duì)于FLASH網(wǎng)站各個(gè)模塊的圖層的功能以及作用的研究。4對(duì)于FLASH網(wǎng)站的測(cè)試與發(fā)布的研究。研究方案2009．12．1-12.15做整體的需求分析并完成開(kāi)題報(bào)告；2010．1．1-1.10完成網(wǎng)站的初步建模；2010．2．2-3.15對(duì)網(wǎng)站制作的素材的制作與收集；2010．5．11-5.20總結(jié)畢業(yè)設(shè)計(jì)結(jié)果并書(shū)寫(xiě)畢業(yè)設(shè)計(jì)說(shuō)明書(shū)。特色與創(chuàng)新該課題以基于FLASHCS3以及php編程語(yǔ)言的個(gè)人網(wǎng)站，為純FLASH制作。主要為針對(duì)個(gè)人的信息網(wǎng)站，集文字瀏覽，圖片瀏覽，視頻播放。音樂(lè)播放為一體的多媒體網(wǎng)站。參加人性化設(shè)計(jì)——留言系統(tǒng)。指導(dǎo)教師意見(jiàn)教研室意見(jiàn)院系意見(jiàn)主要領(lǐng)導(dǎo)簽名：年月日目錄摘要11引言11.1FLASH網(wǎng)站階段11.1.1FLASH網(wǎng)站特性11.1.2FLASH在未來(lái)的互聯(lián)網(wǎng)中的開(kāi)展趨勢(shì)22FLASH網(wǎng)站制作的根底知識(shí)32.1FLASH網(wǎng)站制作的根本流程32.2FlashCS3的工作環(huán)境32.2.1工作區(qū)域32.2.2舞臺(tái)32.2.3場(chǎng)景42.2.4時(shí)間軸窗口42.2.5ActionScript的工作界面52.3工具面板52.4符號(hào)和實(shí)體53FLASH網(wǎng)站的設(shè)計(jì)及制作過(guò)程63.1FLASH網(wǎng)站的設(shè)計(jì)思路63.2FLASH網(wǎng)站的詳細(xì)制作過(guò)程63.2.1FLASH文檔的創(chuàng)立63.2.2FLASH網(wǎng)站舞臺(tái)的制作73.2.3進(jìn)度條以及音樂(lè)播放的實(shí)現(xiàn)113.2.4導(dǎo)航條的制作113.2.5網(wǎng)站內(nèi)容的制作124FLASH網(wǎng)站的測(cè)試185FLASH網(wǎng)站的發(fā)布186小結(jié)18參考文獻(xiàn)18致謝19-.z.Flash網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)徐浩指導(dǎo)教師：范國(guó)華，吳國(guó)棟〔安徽農(nóng)業(yè)大學(xué)經(jīng)濟(jì)技術(shù)學(xué)院合肥230036〕摘要∶早期的網(wǎng)站只有一些簡(jiǎn)單的表格構(gòu)成，顯的很單調(diào)，且不夠美觀，再加上功能的局限性，很難吸引住人們的眼球。在網(wǎng)絡(luò)帶寬不斷增加的今天，F(xiàn)lash動(dòng)態(tài)網(wǎng)站已經(jīng)成為網(wǎng)站設(shè)計(jì)的未來(lái)趨勢(shì)，同時(shí)也是多媒體網(wǎng)頁(yè)設(shè)計(jì)的最正確解決方案，應(yīng)用廣。本文介紹了Flash網(wǎng)站制作中最根底的知識(shí)以及在FlashCS3軟件環(huán)境下制作FLASH網(wǎng)站的應(yīng)用方法。在圖片處理方面使用了PhotoshopCS3,并且采用了圖片合成的方法完成了圖片的后期制作。整個(gè)網(wǎng)站中的布局設(shè)置，場(chǎng)景切換等都是采用比較傳統(tǒng)的選擇等場(chǎng)等。關(guān)鍵字：Flash;動(dòng)態(tài)網(wǎng)站;設(shè)計(jì);網(wǎng)絡(luò)1引言1.1FLASH網(wǎng)站階段FLASH網(wǎng)站特性隨著互聯(lián)網(wǎng)的不斷普及以及網(wǎng)絡(luò)技術(shù)的不斷開(kāi)展，人們已經(jīng)不再滿足于靜止呆板的網(wǎng)站頁(yè)面，F(xiàn)LASH的出現(xiàn)正好彌補(bǔ)了這個(gè)缺陷，他逐漸成為人們開(kāi)發(fā)與設(shè)計(jì)站點(diǎn)的首選工具，它與現(xiàn)有的網(wǎng)站開(kāi)發(fā)相比，具有優(yōu)良的特性。首先具有無(wú)與倫比的動(dòng)態(tài)效果，用其制作的動(dòng)態(tài)效果與其他專業(yè)軟件相比，生成的文件非常小，從而適于網(wǎng)絡(luò)傳播。過(guò)去設(shè)計(jì)站點(diǎn)需要使用Photoshop或Firework進(jìn)展設(shè)計(jì)和切圖，再用Dreamweaver整合頁(yè)面排版，制作網(wǎng)頁(yè)代碼，最后使用其他工具或手工添加JavaScript代碼進(jìn)展客戶端處理。使用這種方法使各個(gè)軟件都占有重要地位，而使用Flash只需要一種軟件就可以。制作本錢(qián)也相對(duì)低廉，使用Flash可以實(shí)現(xiàn)原本需要多種技術(shù)才可以實(shí)現(xiàn)的效果這樣一來(lái)就使設(shè)計(jì)過(guò)程簡(jiǎn)化了，降低本錢(qián)，且是風(fēng)格統(tǒng)一，運(yùn)行流暢。Flash本身的動(dòng)畫(huà)功能，可以更加豐富頁(yè)面效果，對(duì)于電子商務(wù)網(wǎng)站來(lái)說(shuō)，可以對(duì)商品進(jìn)展更加詳細(xì)的介紹。例如可以實(shí)現(xiàn)虛擬現(xiàn)實(shí)技術(shù)，將他插入到網(wǎng)頁(yè)的各個(gè)角落，而使用一般的虛擬現(xiàn)實(shí)技術(shù)就會(huì)顯得厚重，不像Flash那樣輕松，靈活，所以對(duì)電子商務(wù)網(wǎng)站的建立，使用Flash可以更加方便的展示產(chǎn)品，進(jìn)而促進(jìn)用戶購(gòu)置。使用Flash設(shè)計(jì)網(wǎng)站不再需要HTML的介入，因此與數(shù)據(jù)庫(kù)連接程序簡(jiǎn)化到了僅與數(shù)據(jù)庫(kù)直接連接就可以了。FLASH在未來(lái)的互聯(lián)網(wǎng)中的開(kāi)展趨勢(shì)Flash被稱為是"最為靈活的前臺(tái)〞，由于其獨(dú)特的時(shí)間片段分割〔TimeLine〕和重組〔MC嵌套〕技術(shù)，結(jié)合ActionScitp的對(duì)象和流程控制，使得在靈活的界面設(shè)計(jì)和動(dòng)畫(huà)設(shè)計(jì)成為可能，同時(shí)它也是最為小巧的前臺(tái)。Flash具有跨平臺(tái)的特性〔這點(diǎn)和Java一樣〕，所以無(wú)論你處于何種平臺(tái)，只要你安裝了支持的FlashPlayer，就可以保證它們的最終顯示效果的一致，而不必像在以前的網(wǎng)頁(yè)設(shè)計(jì)中那樣為IE或NetSpace各設(shè)計(jì)一個(gè)版本。同Java一樣，它有很強(qiáng)的可移植性。Flash作為網(wǎng)上動(dòng)畫(huà)制作軟件佼佼者，已經(jīng)廣泛地運(yùn)用于網(wǎng)頁(yè)設(shè)計(jì)、廣告設(shè)計(jì)、游戲開(kāi)發(fā)等基于Web的各個(gè)領(lǐng)域，并逐步向多媒體、影視視頻、產(chǎn)品展示、遠(yuǎn)程教育等各種傳統(tǒng)領(lǐng)域滲透。?由于Flash易學(xué)易用，短時(shí)間內(nèi)涌現(xiàn)出一批Flash愛(ài)好者，能制作各類相當(dāng)逼真的動(dòng)畫(huà)如卡通、商業(yè)片頭、MTV作品和教學(xué)課件等。Flash動(dòng)畫(huà)的盈利點(diǎn)一是娛樂(lè)平臺(tái)，尤其是兒童娛樂(lè)平臺(tái)。現(xiàn)在能讓孩子瀏覽的網(wǎng)站太少了，如果做得好，會(huì)有很多兒童產(chǎn)品商家來(lái)做廣告。如：WWW．suflash．COM(超閃網(wǎng))上面提供Flash音樂(lè)、游戲、短片等。Flash廣告制作公司。Flash以其制作本錢(qián)低，會(huì)成為電視、網(wǎng)站等媒體廣告的首選。另一方面，手機(jī)從打到發(fā)短信，再到聽(tīng)MP3等，逐漸成為個(gè)人娛樂(lè)平臺(tái)，自然也不會(huì)少了Flash，其文件不大，也可以動(dòng)態(tài)傳播。隨著目前手機(jī)功能的增加以及對(duì)無(wú)線網(wǎng)絡(luò)的支持，已經(jīng)有越來(lái)越多的手機(jī)支持FlashPlayer了。正是因?yàn)樵谖磥?lái)互聯(lián)網(wǎng)中，F(xiàn)lash正是因?yàn)槠鋸V泛的應(yīng)用被更多的人所接觸和承受，它獨(dú)特的風(fēng)格也一定會(huì)在未來(lái)的互聯(lián)網(wǎng)中占有自己更多的空間。2FLASH網(wǎng)站制作的根底知識(shí)2.1FLASH網(wǎng)站制作的根本流程首先要根據(jù)自己的建站要求，包括站點(diǎn)的根本情況，網(wǎng)站欄目構(gòu)造，網(wǎng)站的根本功能，網(wǎng)站的頁(yè)面設(shè)計(jì)風(fēng)格等；然后整理自己的需求構(gòu)造，確定網(wǎng)站的類型，依據(jù)網(wǎng)站的類型對(duì)網(wǎng)站構(gòu)造進(jìn)展規(guī)劃，確定網(wǎng)站欄目的設(shè)置。依據(jù)網(wǎng)站的類型搜集整理相關(guān)素材，包括所需要的文字，圖像，聲音，視頻資料等。設(shè)計(jì)網(wǎng)站的界面，將網(wǎng)站中各個(gè)界面繪制到紙上或使用繪圖工具繪制，也可以直接使用Flash直接將其制作出來(lái)。將各個(gè)場(chǎng)景通過(guò)ActionScript腳本連接起來(lái)，并為相關(guān)的按鈕設(shè)置ActionScript腳本動(dòng)作。測(cè)試Flash網(wǎng)站，并對(duì)錯(cuò)誤進(jìn)展改正。發(fā)布Flash網(wǎng)站，并在互聯(lián)網(wǎng)上進(jìn)展傳播。2.2FlashCS3的工作環(huán)境工作區(qū)域工作區(qū)域就是Flash的工作平臺(tái)，它是一個(gè)比較大的區(qū)域，實(shí)際上涵蓋了下面要說(shuō)的舞臺(tái)以及畫(huà)圖和編輯動(dòng)畫(huà)的工作對(duì)象，可以把它看作是后臺(tái)和舞臺(tái)的結(jié)合。舞臺(tái)

舞臺(tái)是Flash動(dòng)畫(huà)中各個(gè)元素的表演平臺(tái)，舞臺(tái)將顯示當(dāng)前選擇的幀的內(nèi)容。與工作區(qū)域不同的是：動(dòng)畫(huà)發(fā)布后只有在舞臺(tái)上的內(nèi)容才能被看到，而舞臺(tái)之外的工作區(qū)域中的內(nèi)容就如同在后臺(tái)的演員和工作人員一樣不會(huì)被觀眾看見(jiàn)場(chǎng)景就像戲劇可以有幾幕一樣，舞臺(tái)上也可以放下幾個(gè)場(chǎng)景。注意在舞臺(tái)的右上局部，有兩個(gè)小按鈕，其中的第一個(gè)就是場(chǎng)景切換的按鈕?？梢酝ㄟ^(guò)不同的場(chǎng)景之間的交互性，來(lái)創(chuàng)作出非常復(fù)雜的動(dòng)畫(huà)。時(shí)間軸窗口時(shí)間軸窗口用于對(duì)Flash的兩個(gè)根本元素層和幀進(jìn)展操作。在系統(tǒng)缺省設(shè)置下，時(shí)間軸窗口以編輯欄的形式出現(xiàn)在舞臺(tái)的上面，緊靠上邊框。使用者可以根據(jù)需要或愛(ài)好，用鼠標(biāo)拖動(dòng)該編輯欄到Flash界面的其它位置，甚至將其拖出邊框，使之成為可自由移動(dòng)的浮動(dòng)窗口。時(shí)間軸控制窗口分為左右兩個(gè)區(qū)域，它們分別是層控制區(qū)和時(shí)間軸控制區(qū)。Flash的層與Photoshop中的層的概念是差不多的，它們都是透明的，只不過(guò)在Photoshop中是指圖層，而在Flash中是指動(dòng)畫(huà)層。使用層可以設(shè)定動(dòng)畫(huà)中各元素的上下疊放次序。層控制區(qū)位于時(shí)間軸窗口的左邊，是進(jìn)展層顯示和操作的主要區(qū)域，由幾個(gè)層功能操作示意列和按鈕組成。當(dāng)前舞臺(tái)中正在編輯作品的所有層的名稱、類型、狀態(tài)都會(huì)按照層的放置順序排列在層示意列中。在層控制區(qū)中，不但可以顯示當(dāng)前作品的層及所屬信息，還可以對(duì)*一個(gè)或局部層進(jìn)展操作，如新增層、刪除層、改變層的放置順序等。有關(guān)層的操作請(qǐng)參見(jiàn)層的操作。這里要提醒大家的是，層的使用不會(huì)增加文件的規(guī)模，相反，合理地使用層可以在設(shè)計(jì)時(shí)使各個(gè)層層次清晰且易于編輯，所以最好在初學(xué)的時(shí)候就養(yǎng)成使用層的習(xí)慣。時(shí)間軸窗口的右半局部是時(shí)間軸控制區(qū)域，該區(qū)域主要由假設(shè)干行與左邊層示意列對(duì)應(yīng)的幀序列、示意列、時(shí)間軸標(biāo)尺、信息提示欄以及一些用于控制動(dòng)畫(huà)顯示和操作的工具按鈕組成。它用于對(duì)各幀的播放和放置進(jìn)展有效的控制.利用時(shí)間軸窗口安排好素材的空間位置和時(shí)間位置能夠制作出比較好的動(dòng)畫(huà)效果。2.2.5ActionScript的工作界面ActionScript的工作界面分為語(yǔ)言庫(kù)、元件庫(kù)、以及代碼區(qū)、函數(shù)庫(kù)中重要存放了關(guān)于代碼中一些常用的動(dòng)作、變量、函數(shù)等等、元件庫(kù)中則是一些需要定義的元件，例如按鈕，影片剪輯等等。則個(gè)代碼區(qū)有分為代碼編輯區(qū)以及相關(guān)的動(dòng)作條。這個(gè)工作界面功能齊全，也是FLASHCS3可以獨(dú)立工作的一個(gè)總要原因。2.3工具面板如果沒(méi)有看見(jiàn)工具面板，可選菜單Windows->Toolbar。在

彈出的對(duì)話框里選Drawing就可以了。Flash的工具面板包括Flash所有選擇工具和繪圖工具。工具欄包括兩個(gè)區(qū)域：一個(gè)是選擇區(qū)，它在工具面板的上半部，用于選擇所需要的工具；另一個(gè)是屬性區(qū)，是用于對(duì)所選工具進(jìn)展一些屬性的設(shè)定。2.4符號(hào)和實(shí)體

對(duì)于大多數(shù)剛剛接觸Flash的人來(lái)說(shuō)，符號(hào)〔Symbol〕和實(shí)體(Instance〕是一比照擬特別的概念，但是它們并不難理解。簡(jiǎn)而言之，符號(hào)是可以重復(fù)利用的圖像〔Graph)、按鈕〔Button〕或是動(dòng)畫(huà)(MovieClip)；實(shí)體則是符號(hào)在舞臺(tái)上的具體表達(dá)。如果先創(chuàng)立了一個(gè)動(dòng)畫(huà)符號(hào)，把它放在舞臺(tái)上，則舞臺(tái)上的這個(gè)動(dòng)畫(huà)就叫做實(shí)體。引人符號(hào)的概念對(duì)于動(dòng)畫(huà)的設(shè)計(jì)人員是大有好處的。首先，在處理大量元素時(shí)，不會(huì)手忙腳亂。如果電影中有大量的重復(fù)元素，

而要對(duì)它們進(jìn)展修改時(shí)，就不再需要對(duì)每一個(gè)實(shí)體進(jìn)展修改，只要改變符號(hào)就可以了，因此，編輯工作大大簡(jiǎn)化了。此外，符號(hào)的使用可以顯著減小文件的規(guī)模，保存經(jīng)常使用的符號(hào)所需要的空間要比保存所有數(shù)據(jù)的小得多。比方，多個(gè)場(chǎng)景中使用了同一個(gè)背景符號(hào)，就不需要保存全部場(chǎng)景中的背景圖像，而只要保存幾個(gè)引用信息就可以了。使用符號(hào)對(duì)在網(wǎng)絡(luò)上播放的動(dòng)畫(huà)來(lái)說(shuō)還有一個(gè)好處就是在用戶觀看時(shí)，符號(hào)下載到用戶端只要一次，而不用重復(fù)下載多個(gè)同樣的元素，這樣可以大大加快動(dòng)畫(huà)的播放速度。3FLASH網(wǎng)站的設(shè)計(jì)及制作過(guò)程3.1FLASH網(wǎng)站的設(shè)計(jì)思路我設(shè)計(jì)一主要傾向于個(gè)針對(duì)個(gè)人的一個(gè)網(wǎng)站，主要用于關(guān)于個(gè)人一個(gè)展示，如果關(guān)于自己的性格來(lái)看，個(gè)人感覺(jué)網(wǎng)站的內(nèi)容應(yīng)該簡(jiǎn)介，清晰，顏色要顯的沉穩(wěn)，所以這個(gè)網(wǎng)站的整體顏色采用了比較沉穩(wěn)的藍(lán)色以及沉穩(wěn)而生動(dòng)的銀色，如果整個(gè)網(wǎng)站中全部使用藍(lán)色又會(huì)顯得呆板，所以在其中配備了小規(guī)模的黃色于綠色來(lái)增強(qiáng)了網(wǎng)站的活力，同時(shí)也提高了網(wǎng)站的親和力。在網(wǎng)站構(gòu)造上采用了網(wǎng)站設(shè)計(jì)常用的上，中，下的構(gòu)造形式，在網(wǎng)站的上面，為網(wǎng)站的BANNER條與導(dǎo)航條，在中間的也稱為內(nèi)容區(qū)，為網(wǎng)站所要表達(dá)的內(nèi)容區(qū)域，點(diǎn)擊導(dǎo)航條中的不同按鈕，此區(qū)域會(huì)出現(xiàn)不同的內(nèi)容，是網(wǎng)站最重要的局部，在最下面為網(wǎng)站的地步區(qū)域，一般用于網(wǎng)站設(shè)置的聯(lián)系方式以及一些相關(guān)的聯(lián)系信息。由于我設(shè)計(jì)的是多媒體網(wǎng)站，我想網(wǎng)站的內(nèi)容應(yīng)該包括文字，圖片，視頻音樂(lè)為一體的多功能網(wǎng)站，所以我給自己的導(dǎo)航條設(shè)立了4個(gè)板塊，分別是自我介紹，照片，視頻，留言板。3.2FLASH網(wǎng)站的詳細(xì)制作過(guò)程FLASH文檔的創(chuàng)立因?yàn)橐粋€(gè)動(dòng)態(tài)多媒體網(wǎng)站的應(yīng)用的相關(guān)命令與組建主要在于ActionScript2.0,所首先翻開(kāi)FlashCS3創(chuàng)立一個(gè)為ActionScript2.0的Flash文檔，如圖1。圖1Flash文件創(chuàng)立FLASH網(wǎng)站舞臺(tái)的制作在文檔屬性里設(shè)置一個(gè)600*600且背景為藍(lán)灰色，幀數(shù)為30的背景，如圖2。圖2背景的設(shè)置新建3個(gè)名為"白色底〞，"黑色底〞，"藍(lán)色底〞的圖層，在其中分別用矩形工具繪制3個(gè)大小為420*500，420*500，400*450的圓角矩形。在"白色底〞中將矩形的背景顏色設(shè)置為白灰色，幀頻為30，在形狀面板中柔化填充邊緣，最后轉(zhuǎn)換成影片剪輯，如圖3。圖3白色底的創(chuàng)立在"黑色底〞中將矩形背風(fēng)光設(shè)為黑色，幀數(shù)為30，轉(zhuǎn)換成影片剪輯，然后在濾鏡中添加模糊效果，如圖4。圖4黑色底的發(fā)光效果在"藍(lán)色底〞中矩形的背風(fēng)光設(shè)置為藍(lán)色，然后調(diào)整其位置，轉(zhuǎn)換成影片剪輯，然后在濾鏡中添加模糊效果，如圖5。圖5藍(lán)色底背景繼續(xù)創(chuàng)立名為上圖，以下圖的2個(gè)圖層。在"上圖〞中導(dǎo)入圖片"paper1”并調(diào)整其大小以及位置，并將其轉(zhuǎn)換為影片剪輯如，如圖6。圖6上圖在"以下圖〞中導(dǎo)入圖片"paper2”,并調(diào)整其大小以及位置，并將其轉(zhuǎn)化成影片剪輯，如圖7。圖7以下圖在上圖中在創(chuàng)立個(gè)"遮蓋〞圖層，然后將"藍(lán)色底〞中的藍(lán)色矩形的影片剪輯復(fù)制進(jìn)去，選則粘貼到當(dāng)前位置，然后將該圖層設(shè)置成遮蓋層。然后將"上圖〞和"以下圖〞兩個(gè)圖層分別拖到"遮蓋〞圖層的下方，則可以完成遮蓋效果。在遮蓋上增添一個(gè)圖層"底條〞，并在該圖層繪制一個(gè)矩形顏色為灰白色，將其Alpha調(diào)整為20%，轉(zhuǎn)換成影片剪輯，如圖8。圖8底條在"底條〞上添加一個(gè)名為"底條文字〞的圖層，并在"底條〞圖層矩形位置輸入文字"welcometomyhome〞,轉(zhuǎn)換成影片剪輯，如圖9。圖9底條文字新建個(gè)"底條〞的文件夾，拖入"底條〞和底條文字"兩個(gè)圖層，便于管理。至此，網(wǎng)站背景大致完成。進(jìn)度條以及音樂(lè)播放的實(shí)現(xiàn)在"底條〞文件夾上新增個(gè)"進(jìn)度條〞圖層，并在上繪制一個(gè)進(jìn)度條，并將其轉(zhuǎn)換為影片剪輯元件，如圖10。圖10進(jìn)度條在進(jìn)度條上新建一個(gè)圖層"聲音播放〞，并拖入公用庫(kù)里面的按鈕，用做音樂(lè)播放，停頓兩功能，選擇播放按鈕，為其添加行為，選擇加載的音樂(lè)URL為"sound2.mp3”,選擇停頓按鈕，同樣在行為面板中為其添加行為"停頓所有聲音〞自次便完成了，音樂(lè)進(jìn)度條的以及音樂(lè)播放的實(shí)現(xiàn)，如圖11。圖11聲音播放導(dǎo)航條的制作新建圖層"導(dǎo)航底〞，繪制一個(gè)Alpha為80%的矩形，如圖12。圖12導(dǎo)航條的創(chuàng)立分別在導(dǎo)航底的16，17，19，20幀處創(chuàng)立關(guān)鍵幀。在第1幀將其大小調(diào)至靠左最小，16幀處恢復(fù)大小，在1到16幀處創(chuàng)立一個(gè)形狀補(bǔ)間動(dòng)畫(huà)，緩動(dòng)—100。17幀處將矩形向左略微縮小，在19幀處恢復(fù)原來(lái)大小，并在17創(chuàng)立形狀補(bǔ)間動(dòng)畫(huà)，緩動(dòng)—100。20幀矩形不變，整體幀，如圖13。圖13創(chuàng)立補(bǔ)間動(dòng)畫(huà)在導(dǎo)航底上創(chuàng)立一個(gè)新的圖層"介紹〞，創(chuàng)立一個(gè)內(nèi)容為"Introduction〞文字影片剪輯，效果如圖14。圖14介紹在導(dǎo)航條上創(chuàng)立一個(gè)新的圖層"aboutme〞,在其上創(chuàng)立一個(gè)名為"aboutme〞的按鈕元件，制作一個(gè)〕的導(dǎo)航條按鈕，用同樣的方法創(chuàng)立同樣名為"picture〞,"picture〞，"leaveword〞的導(dǎo)航條圖層及其按鈕，效果如圖15。圖15導(dǎo)航條內(nèi)容在"aboutme〞，"picture〞，"picture〞，"leaveword〞圖層的20，30幀插入關(guān)鍵，并在之間創(chuàng)立補(bǔ)間動(dòng)畫(huà)。創(chuàng)立一個(gè)名為"導(dǎo)航條〞的文件夾，并且將以上4個(gè)圖層突入該文件夾。自此導(dǎo)航條完成。網(wǎng)站內(nèi)容的制作Aboutme內(nèi)容的制作創(chuàng)立一個(gè)名為"內(nèi)容文字〞的圖層，在該層84幀擦入關(guān)鍵幀。用文本工具創(chuàng)立一個(gè)動(dòng)態(tài)文本框，，進(jìn)入屬性面板，設(shè)置變量為about_me,實(shí)例名稱為te*tarea.將此動(dòng)態(tài)文本框轉(zhuǎn)換為影片剪輯元件，如圖16。圖16動(dòng)態(tài)文本框然后進(jìn)入該影片剪輯元件編輯界面，插入組件面板中名為"UIScrollbar〞的下拉組件拖入相應(yīng)位置。并設(shè)置該組件的相應(yīng)參數(shù)為te*tarea。然后選擇文本框和該組件，轉(zhuǎn)換為影片剪輯元件。并在該影片剪輯元件屬性面板設(shè)置其實(shí)例名稱為"wenzi〞。且為該影片剪輯圖層1第一幀中添加動(dòng)作腳本：onClipEvent(load){this.loadVariables("site.t*t");}onClipEvent(data){about_us=t*t;}進(jìn)入該影片剪輯編輯界面，同樣在圖層1的15幀處參加該代碼。然后在圖層一的1到15幀創(chuàng)立動(dòng)作補(bǔ)間動(dòng)畫(huà)。新建圖層2，在15幀插入關(guān)鍵幀，并在該幀輸入代碼Stop();然后進(jìn)入場(chǎng)景，將about_me目錄下的所有圖層在90幀處插入空白關(guān)鍵幀，從而使動(dòng)畫(huà)播放到此為止。在圖層"幀標(biāo)記〞上創(chuàng)立一個(gè)"action〞的圖層，并在該圖層89幀處插入關(guān)鍵幀，然后在89幀出輸入動(dòng)作"Stop〔〕;〞下面我們進(jìn)入"picture〞內(nèi)容的制作，，首先我們先在"幀標(biāo)記〞圖層中90幀插入關(guān)鍵幀，然后在屬性面板中的幀標(biāo)簽中輸入"picture〞。然后新建一個(gè)"導(dǎo)入圖像〞圖層在97幀處插入關(guān)鍵幀。在該圖層上繪制白色圖像，并轉(zhuǎn)換為影片剪輯元件，如圖3-18，之后分別在104.105.106幀處插入關(guān)鍵幀，97幀處的圖像大小調(diào)為10%，104幀處為105%，105幀處比例變?yōu)?6%，然后在97到104幀處創(chuàng)立一個(gè)補(bǔ)間動(dòng)畫(huà)，如圖17。圖17圖片瀏覽框繼續(xù)創(chuàng)立一個(gè)名為"替換圖像的影片〞，在106幀處插入關(guān)鍵幀。然后將"導(dǎo)入圖像〞106幀處的圖像復(fù)制到該圖層106幀處，然后在119幀處插入關(guān)鍵幀，并將該幀的影片剪輯的Alpha調(diào)為0%，然后在106到109幀處創(chuàng)立動(dòng)作補(bǔ)間動(dòng)畫(huà)。再創(chuàng)立一個(gè)名為"遮罩〞的圖層，同樣在106幀處復(fù)制，然后將該層設(shè)置為遮罩層。以上都為"picture〞內(nèi)容的圖層，然后依次在他們的120幀處插入空白關(guān)鍵幀即可。同樣，在"幀標(biāo)記〞119幀處插關(guān)鍵幀，也需要在"Action〞圖層的第119幀處插入"stop();〞如果要完成圖片的瀏覽則需要在"Action〞圖層106幀輸入以下代碼i=1;loadMovie(("a"+i)+".jpg","mov");在按鈕圖層中向左的按鈕輸入以下代碼：on(release){ gotoAndPlay("tu"); if(i>=2){ i--; loadMovie(("a"+i)+".jpg",mov); } else{ i=1; gotoAndStop("tu1"); }}在按鈕圖層中向右的按鈕輸入以下代碼：on(release){ gotoAndPlay("tu"); i++; if(i>4){ i=4; gotoAndStop("tu1"); } loadMovie(("a"+i)+".jpg",mov);}下面關(guān)于"video〞內(nèi)容的制作與"picture〞制作的原理一樣，只是該內(nèi)容是一個(gè)119到140幀的行為，，所以要在〞Action〞圖層的140幀處插入：Stop〔〕;且為PLAY和STOP兩個(gè)按鈕分別在行文面板中添加播放鑲?cè)雱?dòng)畫(huà)和停頓播放動(dòng)畫(huà)的行為。將電影的影片剪輯拖入舞臺(tái)并調(diào)整其大小和位置，如圖18。圖18動(dòng)畫(huà)遮蓋的位置調(diào)整最后是關(guān)于"Leaveword〞內(nèi)容的制作創(chuàng)立一個(gè)名為"留言內(nèi)容〞的圖層，在內(nèi)分別用矩形工具和T工具繪制，如圖19，然后將其轉(zhuǎn)換為影片剪輯工具。圖19留言進(jìn)入該影片剪輯編輯界面，創(chuàng)立個(gè)"文字〞圖層，分別繪制文本框，分別設(shè)置其變量名為username,mail,leave。創(chuàng)立個(gè)"Action〞圖層，在第一幀輸入代碼stop();username="";mail="";leave="";第二幀輸入代碼stop();再創(chuàng)立按鈕圖層，添加"去除〞"發(fā)送〞兩個(gè)按鈕。"發(fā)送為"去除〞按鈕添加動(dòng)作代碼：on(release){ username=""; mail=""; leave="";}為"發(fā)送〞按鈕添加動(dòng)作代碼on(release){ if(username==""){ t*tmessage="請(qǐng)輸入您的姓名."; }elseif(mail==""){ t*tmessage="請(qǐng)輸入您的郵件地址."; }elseif(leave==""){ t*tmessage="請(qǐng)您留言"; }else{ loadVariablesNum("leave.php",0,"POST"); t*t=username+"您好,"+"您的留言已發(fā)送"; gotoAndStop(2); }}在第二幀中的返回按鈕參加代碼on(release){ gotoAndStop(1);}最后進(jìn)入場(chǎng)景在"action〞圖層的180幀處添加動(dòng)作代碼stop();以上步驟即完成了對(duì)網(wǎng)站內(nèi)容的制作。最后進(jìn)入導(dǎo)航條內(nèi)容，為30幀的aboutme按鈕添加代碼on(release){ gotoAndPlay("about");}同理分別為其他按鈕添加以上代碼，借此完成對(duì)網(wǎng)站各局部?jī)?nèi)容的連接。4FLASH網(wǎng)站的測(cè)試翻開(kāi)控制—測(cè)試影片，即可觀看網(wǎng)站效果，對(duì)網(wǎng)站內(nèi)容進(jìn)展修改。5FLASH網(wǎng)站的發(fā)布翻開(kāi)文件-發(fā)布設(shè)置，在發(fā)布的格式中選則swf和html兩種類型單擊"發(fā)布設(shè)置〞的FLASH選項(xiàng)卡，版本為"FlashPlayer9〞。"ActionScript〞版本為"ActionScript2.0”完成后單擊"發(fā)布〞即完成該網(wǎng)站的發(fā)布。6小結(jié)我用了一個(gè)月時(shí)間制作了這個(gè)FLASH網(wǎng)站，并且在后期，在界面上做了些改進(jìn)，當(dāng)然也借鑒了一些網(wǎng)站的動(dòng)畫(huà)效果，網(wǎng)站的制作不是很復(fù)雜，但是制作前的準(zhǔn)備以及制作后的改進(jìn)花費(fèi)了我大量的時(shí)間，也希望這個(gè)作品可以為我大學(xué)四年劃上一個(gè)完美的句號(hào)。親愛(ài)的教師們，這個(gè)作品可以當(dāng)做我在大學(xué)的最后一次考試，也是我向你們辭別的方式，對(duì)你們我很留戀，也很敬仰，但是天下沒(méi)有不散的宴席，我要離開(kāi)學(xué)校了，我會(huì)記住你們的教導(dǎo)，去開(kāi)創(chuàng)自己的一片天。參考文獻(xiàn)1孫寶國(guó)；FlashCS3根底教程；西北工業(yè)大學(xué)出版社；2008.72徐保民；PHP編程根底及應(yīng)用實(shí)例；南京工業(yè)大學(xué)出版社；2005.63胡菘；FLASHCS3特效設(shè)計(jì)150例；中國(guó)青年電子出版社；2008.84Derk