《畢業(yè)論文計(jì)算機(jī)》由會(huì)員分享，可在線閱讀，更多相關(guān)《畢業(yè)論文計(jì)算機(jī)（24頁珍藏版）》請?jiān)谘b配圖網(wǎng)上搜索。

1、. 安徽農(nóng)業(yè)大學(xué)經(jīng)濟(jì)技術(shù)學(xué)院 畢 業(yè) 論 文（設(shè)計(jì)） 論文題目 FLASH網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn) 姓 名 徐浩 學(xué) 號 06538074 院 系 經(jīng)濟(jì)技術(shù)學(xué)院 專 業(yè) 計(jì)算機(jī)科學(xué)與技術(shù) 指導(dǎo)教師 范國華、吳國棟 職 稱 助教 、副教授 中國合肥 二o一o年 六 月 精品 . 安徽農(nóng)業(yè)大學(xué)學(xué)士學(xué)位論文（設(shè)計(jì)）開題報(bào)告 課題名稱 Falsh網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn) 課題來源

2、 指導(dǎo)老師 學(xué)生姓名 徐浩 專業(yè) 計(jì)算機(jī)科學(xué)與技術(shù) 學(xué)號 06538074 指導(dǎo)教師姓名 范國華，吳國棟 職稱 助教，副教授 研究內(nèi)容 1關(guān)于FLASH CS3中關(guān)于網(wǎng)站制作的特殊優(yōu)勢，以及PHP語言 在FLASH網(wǎng)站的制作的應(yīng)用。 2對于FLASH網(wǎng)站整體外觀的設(shè)計(jì)流程的研究。 3對于FLASH網(wǎng)站各個(gè)模塊的圖層的功能以及作用的研究。 4對于FLASH網(wǎng)站的測試與發(fā)布的研究。 研究計(jì)劃 2009．12．1 - 12.15 做整體的需求分析并完成開題報(bào)告； 2010．1．1- 1.10 完成網(wǎng)站的初步建模； 2010．2．2 -3.15

3、 對網(wǎng)站制作的素材的制作與收集； 2010．5．11 - 5.20 總結(jié)畢業(yè)設(shè)計(jì)結(jié)果并書寫畢業(yè)設(shè)計(jì)說明書。 精品 . 特色與創(chuàng)新 該課題以基于FLASH CS3以及php編程語言的個(gè)人網(wǎng)站，為純FLASH制作。主要為針對個(gè)人的信息網(wǎng)站，集文字瀏覽，圖片瀏覽，視頻播放。音樂播放為一體的多媒體網(wǎng)站。加入人性化設(shè)計(jì)——留言系統(tǒng)。 指導(dǎo)教師意見 教研室意見 院系意見 主要領(lǐng)導(dǎo)簽名： 年 月 日 目 錄 摘要 1 1 引言 1 1.1 FLASH網(wǎng)站階段 1 1.1.1 FLASH網(wǎng)站特性 1 1.1.2

4、FLASH 在未來的互聯(lián)網(wǎng)中的發(fā)展趨勢 2 2 FLASH網(wǎng)站制作的基礎(chǔ)知識 3 2.1 FLASH 網(wǎng)站制作的基本流程 3 精品 . 2.2 Flash CS3的工作環(huán)境 3 2.2.1 工作區(qū)域 3 2.2.2 舞臺(tái) 3 2.2.3 場景 4 2.2.4 時(shí)間軸窗口 4 2.2.5 Action Script 的工作界面 5 2.3 工具面板 5 2.4 符號和實(shí)體 5 3 FLASH網(wǎng)站的設(shè)計(jì)及制作過程 6 3.1 FLASH網(wǎng)站的設(shè)計(jì)思路 6 3.2 FLASH 網(wǎng)站的詳細(xì)制作過程 6 3.2.1 FLASH 文檔的創(chuàng)建 6 3.2.2 F

5、LASH 網(wǎng)站舞臺(tái)的制作 7 3.2.3 進(jìn)度條以及音樂播放的實(shí)現(xiàn) 11 3.2.4 導(dǎo)航條的制作 11 3.2.5 網(wǎng)站內(nèi)容的制作 12 4 FLASH網(wǎng)站的測試 18 5 FLASH網(wǎng)站的發(fā)布 18 6 小結(jié) 18 參考文獻(xiàn) 18 致謝 19 精品 . Flash網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn) 作者：徐浩 指導(dǎo)老師：范國華，吳國棟 （安徽農(nóng)業(yè)大學(xué) 經(jīng)濟(jì)技術(shù)學(xué)院 合肥230036） 摘要∶早期的網(wǎng)站只有一些簡單的表格構(gòu)成，顯的很單調(diào)，且不夠美觀，再加上功能的局限性，很難吸引住人們的眼球。在網(wǎng)絡(luò)帶寬不斷增加的今天，F(xiàn)lash動(dòng)態(tài)網(wǎng)站已經(jīng)成為網(wǎng)站設(shè)計(jì)的未來趨勢，

6、同時(shí)也是多媒體網(wǎng)頁設(shè)計(jì)的最佳解決方案，應(yīng)用廣。 本文介紹了Flash網(wǎng)站制作中最基礎(chǔ)的知識以及在Flash CS3軟件環(huán)境下制作FLASH網(wǎng)站的應(yīng)用方法。在圖片處理方面使用了Photoshop CS3,并且采用了圖片合成的方法完成了圖片的后期制作。整個(gè)網(wǎng)站中的布局設(shè)置，場景切換等都是采用比較傳統(tǒng)的選擇等場等。 關(guān)鍵字：Flash;動(dòng)態(tài)網(wǎng)站;設(shè)計(jì);網(wǎng)絡(luò) 1 引言 1.1 FLASH網(wǎng)站階段 1.1.1 FLASH網(wǎng)站特性 隨著互聯(lián)網(wǎng)的不斷普及以及網(wǎng)絡(luò)技術(shù)的不斷發(fā)展，人們已經(jīng)不再滿足于靜止呆板的網(wǎng)站頁面，F(xiàn)LASH的出現(xiàn)正好彌補(bǔ)了這個(gè)缺陷，他逐漸成為人們開發(fā)與設(shè)計(jì)站點(diǎn)的首選工具，它與

7、現(xiàn)有的網(wǎng)站開發(fā)相比，具有優(yōu)良的特性。 首先具有無與倫比的動(dòng)態(tài)效果，用其制作的動(dòng)態(tài)效果與其他專業(yè)軟件相比，生成的文件非常小，從而適于網(wǎng)絡(luò)傳播 。 過去設(shè)計(jì)站點(diǎn)需要使用Photoshop 或 Firework 進(jìn)行設(shè)計(jì)和切圖，再用Dreamweaver 整合頁面排版，制作網(wǎng)頁代碼，最后使用其他工具或手工添加JavaScript代碼進(jìn)行客戶端處理。使用這種方法使各個(gè)軟件都占有重要地位，而使用Flash只需要一種軟件就可以。 制作成本也相對低廉，使用Flash可以實(shí)現(xiàn)原本需要多種技術(shù)才可以實(shí)現(xiàn)的效果這樣一來就使設(shè)計(jì)過程簡化了，降低成本，且是風(fēng)格統(tǒng)一，運(yùn)行流暢。 Flash本身的動(dòng)畫功能，可以

8、更加豐富頁面效果，對于電子商務(wù)網(wǎng)站來說，可以對商品進(jìn)行更加詳細(xì)的介紹。例如可以實(shí)現(xiàn)虛擬現(xiàn)實(shí)技術(shù)，將他插入到網(wǎng)頁的各個(gè)角落，而使用一般的虛擬現(xiàn)實(shí)技術(shù)就會(huì)顯得厚重，不像Flash那樣輕松，靈活，所以對電子商務(wù)網(wǎng)站的建設(shè)，使用Flash可以更加方便的展示產(chǎn)品，進(jìn)而促進(jìn)用戶購買。 精品 . 使用Flash設(shè)計(jì)網(wǎng)站不再需要HTML的介入，因此與數(shù)據(jù)庫連接程序簡化到了僅與數(shù)據(jù)庫直接連接就可以了。 1.1.2 FLASH 在未來的互聯(lián)網(wǎng)中的發(fā)展趨勢 Flash被稱為是“最為靈

9、活的前臺(tái)”，由于其獨(dú)特的時(shí)間片段分割（TimeLine）和重組（MC嵌套）技術(shù)，結(jié)合ActionScitp的對象和流程控制，使得在靈活的界面設(shè)計(jì)和動(dòng)畫設(shè)計(jì)成為可能，同時(shí)它也是最為小巧的前臺(tái)。Flash具有跨平臺(tái)的特性（這點(diǎn)和Java一樣），所以無論你處于何種平臺(tái)，只要你安裝了支持的Flash Player，就可以保證它們的最終顯示效果的一致，而不必像在以前的網(wǎng)頁設(shè)計(jì)中那樣為IE或NetSpace各設(shè)計(jì)一個(gè)版本。同Java一樣，它有很強(qiáng)的可移植性。 Flash作為網(wǎng)上動(dòng)畫制作軟件佼佼者，已經(jīng)廣泛地運(yùn)用于網(wǎng)頁設(shè)計(jì)、廣告設(shè)計(jì)、游戲開發(fā)等基于Web的各個(gè)領(lǐng)域，并逐步向多媒體、影視視頻、產(chǎn)品展示、遠(yuǎn)程

10、教育等各種傳統(tǒng)領(lǐng)域滲透。?由于Flash易學(xué)易用，短時(shí)間內(nèi)涌現(xiàn)出一批Flash愛好者，能制作各類相當(dāng)逼真的動(dòng)畫如卡通、商業(yè)片頭、MTV作品和教學(xué)課件等。 Flash動(dòng)畫的盈利點(diǎn)一是娛樂平臺(tái)，尤其是兒童娛樂平臺(tái)。現(xiàn)在能讓孩子瀏覽的網(wǎng)站太少了，如果做得好，會(huì)有很多兒童產(chǎn)品商家來做廣告。如：WWW．suflash．COM(超閃網(wǎng))上面提供Flash音樂、游戲、短片等。 Flash廣告制作公司。Flash以其制作成本低，會(huì)成為電視、網(wǎng)站等媒體廣告的首選。另一方面，手機(jī)從打電話到發(fā)短信，再到聽MP3等，逐漸成為個(gè)人娛樂平臺(tái)，自然也不會(huì)少了Flash，其文件不大，也可以動(dòng)態(tài)傳播。隨著目前手機(jī)功能的增加

11、以及對無線網(wǎng)絡(luò)的支持，已經(jīng)有越來越多的手機(jī)支持Flash Player了。 正是因?yàn)樵谖磥砘ヂ?lián)網(wǎng)中，F(xiàn)lash正是因?yàn)槠鋸V泛的應(yīng)用被更多的人所接觸和接受，它獨(dú)特的風(fēng)格也一定會(huì)在未來的互聯(lián)網(wǎng)中占有自己更多的空間。 2 FLASH網(wǎng)站制作的基礎(chǔ)知識 2.1 FLASH 網(wǎng)站制作的基本流程 首先要根據(jù)自己的建站要求，包括站點(diǎn)的基本情況，網(wǎng)站欄目結(jié)構(gòu)，網(wǎng)站的基本功能，網(wǎng)站的頁面設(shè)計(jì)風(fēng)格等；然后整理自己的需求結(jié)構(gòu)，確定網(wǎng)站的類型，依據(jù)網(wǎng)站的類型對網(wǎng)站結(jié)構(gòu)進(jìn)行規(guī)劃，確定網(wǎng)站欄目的設(shè)置。 精品 . 依據(jù)網(wǎng)站的類型搜集整理相關(guān)素材，包括所需要的文字，圖像，聲音，視頻資料等。設(shè)計(jì)網(wǎng)站的界面，將網(wǎng)

12、站中各個(gè)界面繪制到紙上或使用繪圖工具繪制，也可以直接使用Flash直接將其制作出來。 將各個(gè)場景通過Action Script腳本連接起來，并為相關(guān)的按鈕設(shè)置Action Script腳本動(dòng)作。 測試Flash網(wǎng)站，并對錯(cuò)誤進(jìn)行改正。 發(fā)布Flash網(wǎng)站，并在互聯(lián)網(wǎng)上進(jìn)行傳播。 2.2 Flash CS3的工作環(huán)境 2.2.1 工作區(qū)域 工作區(qū)域就是Flash的工作平臺(tái)，它是一個(gè)比較大的區(qū)域，實(shí)際上涵蓋了下面要說的舞臺(tái)以及畫圖和編輯動(dòng)畫的工作對象，可以把它看作是后臺(tái)和舞臺(tái)的結(jié)合。 2.2.2 舞臺(tái) 舞臺(tái)是Flash動(dòng)畫中各個(gè)元素的表演平臺(tái)，舞臺(tái)將顯示當(dāng)前選擇的幀的內(nèi)容。與工

13、作區(qū)域不同的是：動(dòng)畫發(fā)布后只有在舞臺(tái)上的內(nèi)容才能被看到，而舞臺(tái)之外的工作區(qū)域中的內(nèi)容就如同在后臺(tái)的演員和工作人員一樣不會(huì)被觀眾看見 2.2.3 場景 就像戲劇可以有幾幕一樣，舞臺(tái)上也可以放下幾個(gè)場景。注意在舞臺(tái)的右上部分，有兩個(gè)小按鈕，其中的第一個(gè)就是場景切換的按鈕?？梢酝ㄟ^不同的場景之間的交互性，來創(chuàng)作出非常復(fù)雜的動(dòng)畫。 2.2.4 時(shí)間軸窗口 時(shí)間軸窗口用于對Flash的兩個(gè)基本元素層和幀進(jìn)行操作。在系統(tǒng)缺省設(shè)置下，時(shí)間軸窗口以編輯欄的形式出現(xiàn)在舞臺(tái)的上面，緊靠上邊框。使用者可以根據(jù)需要或愛好，用鼠標(biāo)拖動(dòng)該編輯欄到Flash界面的其它位置，甚至將其拖出邊框，使之成為可自由移動(dòng)的

14、浮動(dòng)窗口。時(shí)間軸控制窗口分為左右兩個(gè)區(qū)域，它們分別是層控制區(qū)和時(shí)間軸控制區(qū)。 Flash的層與Photoshop中的層的概念是差不多的，它們都是透明的，只不過在Photoshop中是指圖層，而在Flash中是指動(dòng)畫層。使用層可以設(shè)定動(dòng)畫中各元素的上下疊放次序。層控制區(qū)位于時(shí)間軸窗口的左邊，是進(jìn)行層顯示和操作的主要區(qū)域，由幾個(gè)層功能操作示意列和按鈕組成。當(dāng)前舞臺(tái)中正在編輯作品的所有層的名稱、類型、狀態(tài)都會(huì)按照層的放置順序排列在層示意列中。在層控制區(qū)中，不但可以顯示當(dāng)前作品的層及所屬信息，還可以對某一個(gè)或部分層進(jìn)行操作，如新增層、刪除層、改變層的放置順序等。有關(guān)層的操作請參見層的操作。這里要提醒

15、大家的是，層的使用不會(huì)增加文件的規(guī)模，相反，合理地使用層可以在設(shè)計(jì)時(shí)使各個(gè)層層次清晰且易于編輯，所以最好在初學(xué)的時(shí)候就養(yǎng)成使用層的習(xí)慣。 精品 . 時(shí)間軸窗口的右半部分是時(shí)間軸控制區(qū)域，該區(qū)域主要由若干行與左邊層示意列對應(yīng)的幀序列、示意列、時(shí)間軸標(biāo)尺、信息提示欄以及一些用于控制動(dòng)畫顯示和操作的工具按鈕組成。它用于對各幀的播放和放置進(jìn)行有效的控制. 利用時(shí)間軸窗口安排好素材的空間位置和時(shí)間位置能夠制作出比較好的動(dòng)畫效果。 2.2.5 Action Script 的工作界面 Action Script的工作界面分為語言庫、元件庫、以及代碼區(qū)、函數(shù)庫中重要存放了關(guān)于代碼中一些常用的動(dòng)

16、作、變量、函數(shù)等等、元件庫中則是一些需要定義的元件，例如按鈕，影片剪輯等等。則個(gè)代碼區(qū)有分為代碼編輯區(qū)以及相關(guān)的動(dòng)作條。這個(gè)工作界面功能齊全，也是FLASH CS3可以獨(dú)立工作的一個(gè)總要原因。 2.3 工具面板 如果沒有看見工具面板，可選菜單Windows-> Toolbar。在彈出的對話框里選Drawing就可以了。Flash的工具面板包括Flash所有選擇工具和繪圖工具。工具欄包括兩個(gè)區(qū)域：一個(gè)是選擇區(qū)，它在工具面板的上半部，用于選擇所需要的工具；另一個(gè)是屬性區(qū)，是用于對所選工具進(jìn)行一些屬性的設(shè)定。 2.4 符號和實(shí)體 對于大多數(shù)剛剛接觸Flash的人來說，符號（Symbol

17、）和實(shí)體(Instance）是一對比較特別的概念，但是它們并不難理解。簡而言之，符號是可以重復(fù)利用的圖像（Graph)、按鈕（Button）或是動(dòng)畫(Movie Clip)；實(shí)體則是符號在舞臺(tái)上的具體體現(xiàn)。如果先創(chuàng)建了一個(gè)動(dòng)畫符號，把它放在舞臺(tái)上，那么舞臺(tái)上的這個(gè)動(dòng)畫就叫做實(shí)體。 引人符號的概念對于動(dòng)畫的設(shè)計(jì)人員是大有好處的。首先，在處理大量元素時(shí)，不會(huì)手忙腳亂。如果電影中有大量的重復(fù)元素，而要對它們進(jìn)行修改時(shí)，就不再需要對每一個(gè)實(shí)體進(jìn)行修改，只要改變符號就可以了，因此，編輯工作大大簡化了。此外，符號的使用可以顯著減小文件的規(guī)模，保存經(jīng)常使用的符號所需要的空間要比保存所有數(shù)據(jù)的小得多。比如

18、，多個(gè)場景中使用了同一個(gè)背景符號，就不需要保存全部場景中的背景圖像，而只要保存幾個(gè)引用信息就可以了。使用符號對在網(wǎng)絡(luò)上播放的動(dòng)畫來說還有一個(gè)好處就是在用戶觀看時(shí)，符號下載到用戶端只要一次，而不用重復(fù)下載多個(gè)同樣的元素，這樣可以大大加快動(dòng)畫的播放速度。 精品 . 3 FLASH網(wǎng)站的設(shè)計(jì)及制作過程 3.1 FLASH網(wǎng)站的設(shè)計(jì)思路 我設(shè)計(jì)一主要傾向于個(gè)針對個(gè)人的一個(gè)網(wǎng)站，主要用于關(guān)于個(gè)人一個(gè)展示，如果關(guān)于自己的性格來看，個(gè)人感覺網(wǎng)站的內(nèi)容應(yīng)該簡介，清晰，顏色要顯的沉穩(wěn)，所以這個(gè)網(wǎng)站的整體顏色采用了比較沉穩(wěn)的藍(lán)色以及沉穩(wěn)而生動(dòng)的銀色，如果整個(gè)網(wǎng)站中全部使用藍(lán)色又會(huì)顯得呆板，所以在其中配備

19、了小規(guī)模的黃色于綠色來增強(qiáng)了網(wǎng)站的活力，同時(shí)也提高了網(wǎng)站的親和力。 在網(wǎng)站結(jié)構(gòu)上采用了網(wǎng)站設(shè)計(jì)常用的上，中，下的結(jié)構(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)該包括文字，圖片，視頻音樂為一體的多功能網(wǎng)站，所以我給自己的導(dǎo)航條設(shè)立了4個(gè)板塊，分別是自我介紹，照片，視頻，留言板。 3.2 FLASH 網(wǎng)站的詳細(xì)制作過程 3.2.1 FLASH 文檔

20、的創(chuàng)建 因?yàn)橐粋€(gè)動(dòng)態(tài)多媒體網(wǎng)站的應(yīng)用的相關(guān)命令與組建主要在于Action Script2.0,所首先打開Flash CS3創(chuàng)建一個(gè)為Action Script2.0的Flash文檔，如圖1。 圖1 Flash文件創(chuàng)建 精品 . 3.2.2 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，在形

21、狀面板中柔化填充邊緣，最后轉(zhuǎn)換成影片剪輯，如圖3。 圖3 白色底的創(chuàng)建 在“黑色底”中將矩形背景色設(shè)為黑色，幀數(shù)為30，轉(zhuǎn)換成影片剪輯，然后在濾鏡中添加模糊效果，如圖4。 精品 . 圖4 黑色底的發(fā)光效果 在“藍(lán)色底”中矩形的背景色設(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)化成影

22、片剪輯 ，如圖 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è)名為“底條文字”的圖層，并在“底條”圖層矩形位置輸入文字“welcome to my home”,轉(zhuǎn)換成影片剪輯，如圖9。 圖9 底條文字 新建個(gè)“底條”的文件

23、夾，拖入“底條”和底條文字“兩個(gè)圖層，便于管理。 至此，網(wǎng)站背景大致完成。 3.2.3 進(jìn)度條以及音樂播放的實(shí)現(xiàn) 在“底條”文件夾上新增個(gè)“進(jìn)度條”圖層，并在上繪制一個(gè)進(jìn)度條，并將其轉(zhuǎn)換為影片剪輯元件，如圖10。 圖10 進(jìn)度條 精品 . 在進(jìn)度條上新建一個(gè)圖層“聲音播放”，并拖入公用庫里面的按鈕，用做音樂播放，停止兩功能，選擇播放按鈕，為其添加行為，選擇加載的音樂URL為“sound2.mp3”,選擇停止按鈕，同樣在行為面板中為其添加行為“停止所有聲音” 自次便完成了，音樂進(jìn)度條的以及音樂播放的實(shí)現(xiàn)，如圖11。 圖11 聲音播放 3.2.4 導(dǎo)航條的制作 新建

24、圖層“導(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)畫，緩動(dòng)—100。 17幀處將矩形向左略微縮小，在19幀處恢復(fù)原來大小，并在17創(chuàng)立形狀補(bǔ)間動(dòng)畫，緩動(dòng)—100。20幀矩形不變，整體幀，如圖13。 圖13 創(chuàng)立補(bǔ)間動(dòng)畫 在導(dǎo)航底上創(chuàng)建一個(gè)新的圖層“介紹”，創(chuàng)建一個(gè)內(nèi)容為“Introduction”文字影片剪輯，效果如圖14。 精品 . 圖14 介紹 在導(dǎo)航條上創(chuàng)建一個(gè)新的圖層“about me”,在其

25、上創(chuàng)建一個(gè)名為“about me”的按鈕元件，制作一個(gè)）的導(dǎo)航條按鈕，用同樣的方法創(chuàng)建同樣名為“picture”, “picture”，“l(fā)eave word”的導(dǎo)航條圖層及其按鈕，效果如圖15。 圖15 導(dǎo)航條內(nèi)容 在“about me”， “picture”， “picture”， “l(fā)eave word”圖層的20，30幀插入關(guān)鍵，并在之間創(chuàng)建補(bǔ)間動(dòng)畫。 創(chuàng)建一個(gè)名為“導(dǎo)航條”的文件夾，并且將以上4個(gè)圖層突入該文件夾。 自此導(dǎo)航條完成。 3.2.5 網(wǎng)站內(nèi)容的制作 About me內(nèi)容的制作 創(chuàng)建一個(gè)名為“內(nèi)容文字”的圖層，在該層84幀擦入關(guān)鍵幀。 用文本工具創(chuàng)建一個(gè)

26、動(dòng)態(tài)文本框，，進(jìn)入屬性面板，設(shè)置變量為about_me,實(shí)例名稱為textarea.將此動(dòng)態(tài)文本框轉(zhuǎn)換為影片剪輯元件，如圖16。 精品 . 圖16 動(dòng)態(tài)文本框 然后進(jìn)入該影片剪輯元件編輯界面，插入組件面板中名為“UIScrollbar”的下拉組件拖入相應(yīng)位置。并設(shè)置該組件的相應(yīng)參數(shù)為 textarea。 然后選擇文本框和該組件，轉(zhuǎn)換為影片剪輯元件。并在該影片剪輯元件屬性面板設(shè)置其實(shí)例名稱為“wenzi”。且為該影片剪輯圖層1第一幀中添加動(dòng)作腳本： onClipEvent(load){ this.loadVariables("site.txt"); } onC

27、lipEvent(data){ about_us=txt; } 進(jìn)入該影片剪輯編輯界面，同樣在圖層1的15幀處加入該代碼。然后在圖層一的1到15幀創(chuàng)建動(dòng)作補(bǔ)間動(dòng)畫。新建圖層2，在15幀插入關(guān)鍵幀，并在該幀輸入代碼 Stop(); 然后進(jìn)入場景，將about_me目錄下的所有圖層在90幀處插入空白關(guān)鍵幀，從而使動(dòng)畫播放到此為止。 在圖層“幀標(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)簽中輸入“pic

28、ture”。 精品 . 然后新建一個(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)畫，如圖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)畫。 再創(chuàng)建一個(gè)名為

29、“遮罩”的圖層，同樣在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--; loadMovi

30、e(("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幀的行為，，所以要在”Act

31、ion”圖層的140幀處插入： Stop（）; 且為PLAY和STOP兩個(gè)按鈕分別在行文面板中添加播放鑲?cè)雱?dòng)畫和停止播放動(dòng)畫的行為。將電影的影片剪輯拖入舞臺(tái)并調(diào)整其大小和位置，如圖18。 圖18 動(dòng)畫遮蓋的位置調(diào)整 最后是關(guān)于“Leave word”內(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()

32、; username=""; mail=""; leave=""; 第二幀輸入代碼 stop(); 再創(chuàng)建按鈕圖層，添加“ 清除”“發(fā)送”兩個(gè)按鈕。 “發(fā)送為“清除”按鈕添加動(dòng)作代碼： on (release) { username=""; mail=""; leave=""; } 為“發(fā)送”按鈕添加動(dòng)作代碼 on (release) { if (username=="") { txtmessage = "請輸入您的姓名."; } else if (mail=="") { txtmessage = "請輸入您的郵件地址."; }

33、else if (leave=="") { txtmessage = "請您留言"; } else { loadVariablesNum("leave.php", 0, "POST"); txt= username+"您好,"+"您的留言已發(fā)送"; 精品 . gotoAndStop(2); } } 在第二幀中的返回按鈕加入代碼 on (release) { gotoAndStop(1); } 最后進(jìn)入場景在“action”圖層的180幀處添加動(dòng)作代碼 stop(); 以上步驟即完成了對網(wǎng)站內(nèi)容的制作。 最后進(jìn)入導(dǎo)航條內(nèi)容，為30幀的a

34、bout me按鈕添加代碼 on (release) { gotoAndPlay("about"); } 同理分別為其他按鈕添加以上代碼，借此完成對網(wǎng)站各部分內(nèi)容的連接。 4 FLASH網(wǎng)站的測試 打開控制—測試影片，即可觀看網(wǎng)站效果，對網(wǎng)站內(nèi)容進(jìn)行修改。 5 FLASH網(wǎng)站的發(fā)布 打開 文件-發(fā)布設(shè)置，在發(fā)布的格式中選則swf和html兩種類型 單擊“發(fā)布設(shè)置”的FLASH選項(xiàng)卡，版本為“Flash Player 9” 。 “Action Script”版本為“Action Script 2.0”完成后單擊“發(fā)布”即完成該網(wǎng)站的發(fā)布。 6 小結(jié) 我用了一個(gè)

35、月時(shí)間制作了這個(gè)FLASH網(wǎng)站，并且在后期，在界面上做了些改進(jìn)，當(dāng)然也借鑒了一些網(wǎng)站的動(dòng)畫效果，網(wǎng)站的制作不是很復(fù)雜，但是制作前的準(zhǔn)備以及制作后的改進(jìn)花費(fèi)了我大量的時(shí)間，也希望這個(gè)作品可以為我大學(xué)四年劃上一個(gè)完美的句號。 精品 . 親愛的老師們，這個(gè)作品可以當(dāng)做我在大學(xué)的最后一次考試，也是我向你們告別的方式，對你們我很留戀，也很敬佩，但是天下沒有不散的宴席，我要離開學(xué)校了，我會(huì)記住你們的教導(dǎo)，去開創(chuàng)自己的一片天。 參考文獻(xiàn) 1孫寶國； Flash CS3基礎(chǔ)教程 ；西北工業(yè)大學(xué)出版社；2008.7 2徐保民；PHP編程基礎(chǔ)及應(yīng)用實(shí)例；南京工業(yè)大學(xué)出版社；2005.6 3胡

36、菘； FLASH CS3特效設(shè)計(jì)150例；中國青年電子出版社；2008.8 4 Derksen.N Berg；ActionScript2.0編程；清華大學(xué)出版社；2006.5 5 Robert.panner FLASH CS3的編程與實(shí)現(xiàn)；清華大學(xué)出版社；2007.8 英文摘要 Design and Realization of Flash Webside Student:Xu Hao teacheers:Fan GuoHua,Wu GuoDong ABSTRACT ：The early site constitutes only some simple form, wh

37、ich was very monotonous, and not beautiful, combined with functional limitations, it is difficult attracted peoples attention. In todays ever-increasing network bandwidth, Flash dynamic web site design has become the future trend, but also the best multimedia web design solutions.This article descri

38、bes the most basic Flash site of knowledge production and the environment in flash CS3 software，the application of methods of production FLASH website. In the image processing used PhotoshopCS3, and image synthesis method used to complete the picture of post-production. The layout of the site settin

39、gs, scene changes and so are more traditional choices such as farms. Keywords: Flash; Dynamic Website; Design; Internet 致謝 在網(wǎng)站的設(shè)計(jì)制作過程中，由于本人是初次制作，在知識和經(jīng)驗(yàn)方面都存在著不足，另外時(shí)間也比較倉促，因此存在著很多方面的缺陷和不足。因?yàn)橐郧爸挥谐趼詫W(xué)過這方面的知識，對FLASH制作過程的不熟練，因而可能遠(yuǎn)遠(yuǎn)達(dá)不到老師的要求，請老師見諒。 精品 . 在本次畢業(yè)設(shè)計(jì)的制作過程中，指導(dǎo)老師范國華老師給了我很大的幫助，在細(xì)節(jié)上的關(guān)鍵性問題都會(huì)及時(shí)清楚的幫我解答，在大的方面上整個(gè)畢業(yè)設(shè)計(jì)的思路和設(shè)計(jì)方向上都及時(shí)的糾正許多我不清楚的地方，通過這次畢業(yè)設(shè)計(jì)我從指導(dǎo)老師和書籍上學(xué)到了很多以前課本上沒學(xué)到的東西，極大的充實(shí)了我的知識量，為日后步入社會(huì)又增加了一條路，在此，特別感謝指導(dǎo)老師范國華老師的耐心輔導(dǎo)。 如有侵權(quán)請聯(lián)系告知?jiǎng)h除，感謝你們的配合！ 精品