基于flash的網(wǎng)站設計與實現(xiàn)【畢業(yè)論文+文獻綜述+任務書+開題報告】

1、<p>　　本科畢業(yè)設計(論文)</p><p><b>　　( 屆)</b></p><p>　　論文題目基于Flash的網(wǎng)站設計與實現(xiàn)</p><p>　　所在學院 </p><p>　　專業(yè)班級 信息管理與信息系統(tǒng) </

2、p><p>　　學生姓名 學號 </p><p>　　指導教師 職稱 </p><p>　　完成日期 年 月 日</p><p><b>　　誠 信 聲 明</b></p><

3、p>　　我聲明，所呈交的論文(設計)是本人在老師指導下進行的研究工作及取得的研究成果。據(jù)我查證，除了文中特別加以標注和致謝的地方外，論文(設計)中不包含其他人已經發(fā)表或撰寫過的研究成果，也不包含為獲得＿ ＿或其他教育機構的學位或證書而使用過的材料。我承諾，論文(設計)中的所有內容均真實、可信。</p><p>　　論文(設計)作者簽名： 簽名日期： 年 月 日</

4、p><p><b>　　授 權 聲 明</b></p><p>　　學校有權保留送交論文（設計）的原件，允許論文（設計）被查閱和借閱，學校可以公布論文（設計）的全部或部分內容，可以影印、縮印或其他復制手段保存論文（設計），學校必須嚴格按照授權對論文(設計)進行處理，不得超越授權對論文（設計）進行任意處置。</p><p>　　論文(設計)作者簽名：

5、 簽名日期： 年 月 日</p><p>　　基于Flash的網(wǎng)站設計與實現(xiàn)</p><p>　　摘要：隨著Flash技術應用與開發(fā)的日益成熟，現(xiàn)在越來越多的網(wǎng)站建設公司已經把應用Flash當作重要的技術手段來運用?；贔lash的Web網(wǎng)站建立的主要任務是圍繞Flash展開一系列地網(wǎng)頁設計與網(wǎng)站實現(xiàn)，系統(tǒng)的服務器可使用iis或apache，數(shù)據(jù)庫可使用mysql

6、或者sql server ，平臺則兼容widows xp 、widows2000 等 ，開發(fā)語言可使用php以及javascript等。創(chuàng)建這個網(wǎng)站我主要使用了火狐瀏覽器，APMServ 5.0.4 服務器工具，還有DeDeCms源代碼。網(wǎng)站主要實現(xiàn)動畫制作，動畫觀看，動畫廣告等功能，并實現(xiàn)系統(tǒng)的日常管理功能，包括用戶注冊，文章上傳，訪客留言，信息反饋功能等。</p><p>　　關鍵詞：Flash；網(wǎng)站；視覺；

7、php；實現(xiàn)</p><p>　　Flash-based website design and implementation</p><p>　　Abstract: With Flash technology and development become more sophisticated, more and more website building companies have an

8、 important application of Flash technology as a means to use. Flash-based Web site's main task is to build a series around the Flash site to web design and implementation, the system can use the server iis or apache,

9、 or mysql database using sql server, platform is compatible with widows xp, widows2000, the development of language Using php and javascript and so on. I mainly </p><p>　　Key words: Flash; Web site; vision;

10、php</p><p><b>　　目 錄</b></p><p>　　1 引言................................................................................................................................................

11、........1</p><p>　　1.1 研究背景.....................................................................................................................................1</p><p>　　1.2 國內外研究狀況..........

12、...............................................................................................................2</p><p>　　1.2.1 關于Flash與網(wǎng)站...................................................................

13、.......................................2</p><p>　　1.2.2 基于Flash的網(wǎng)站..........................................................................................................3</p><p>　　1.3 網(wǎng)站的實

14、現(xiàn).................................................................................................................................4</p><p>　　2 相關開發(fā)技術及工具介紹....................................................

15、................................................................5</p><p>　　2.1 APMServ5.0.4Plus簡介.............................................................................................................

16、5</p><p>　　2.2 Dreamweaver網(wǎng)頁優(yōu)化..............................................................................................................5</p><p>　　2.3 Adobe Flash CS5簡介....................

17、............................................................................................6</p><p>　　2.4 MySQL簡介............................................................................................

18、...................................7</p><p>　　2.5 PHP簡介.....................................................................................................................................7</p><p

19、>　　3 需求分析................................................................................................................................................8</p><p>　　3.1 總體需求分析............................

20、.................................................................................................8</p><p>　　3.2 功能分析..........................................................................................

21、...........................................8</p><p>　　3.2.1 基于Flash網(wǎng)站實現(xiàn)的目標............................................................................................8</p><p>　　3.2.2 基于Flash網(wǎng)站

22、實現(xiàn)的功能............................................................................................9</p><p>　　3.3 性能分析..........................................................................................

23、.........................................11</p><p>　　3.4 版塊功能需求...........................................................................................................................11</p><p&

24、gt;　　4 總體設計..............................................................................................................................................12</p><p>　　4.1 數(shù)據(jù)庫設計...............................

25、................................................................................................12</p><p>　　4.1.1 數(shù)據(jù)字典........................................................................................

26、................................13</p><p>　　4.1.2 系統(tǒng)E-R圖....................................................................................................................14</p><p>　　4.2 數(shù)據(jù)流圖

27、..................................................................................................................................14</p><p>　　4.3 功能模塊圖.......................................................

28、.................................. ....................................15</p><p>　　5 系統(tǒng)實現(xiàn).....................................................................................................................

29、.........................17</p><p>　　5.1 后臺系統(tǒng)的設計與實施...........................................................................................................17</p><p>　　5.1.1 后臺管理流程設計........

30、................................................................................................17</p><p>　　5.1.2 管理員登錄模塊.....................................................................................

31、.......................17</p><p>　　5.1.3 管理員管理模塊............................................................................................................20</p><p>　　5.1.4 企業(yè)Flash吧臺模塊.......

32、..............................................................................................21</p><p>　　5.2 前臺系統(tǒng)的設計與實施......................................................................................

33、.....................23</p><p>　　5.2.1 前臺頁面設計................................................................................................................23</p><p>　　5.2.2 前臺主頁面............

34、........................................................................................................23</p><p>　　5.2.3 Flash文章顯示頁面.........................................................................

35、.............................24</p><p>　　5.2.4 前臺留言頁面................................................................................................................25</p><p>　　6 系統(tǒng)測試.........

36、..................................................................................................... ...............................28</p><p>　　6.1 測試目的.....................................................

37、......................................... ....................................28</p><p>　　6.2 測試方案.............................................................................................. .............

38、.......................28</p><p>　　6.3 系統(tǒng)評價.............................................................................................. ....................................29</p><p>　　7 總結..

39、............................................................................................ .......................................................29</p><p>　　致謝.............................................

40、................................................. .............................................................30</p><p>　　參考文獻................................................................................

41、...... .............................................................31</p><p><b>　　1 引言</b></p><p><b>　　1.1 研究背景</b></p><p>　　作為Web網(wǎng)站上一項堪稱經典的技術，F(xiàn)lash曾經并且現(xiàn)在

42、仍然統(tǒng)治著互聯(lián)網(wǎng)上豐富多彩的頁面。自老東家Macromedia Adobe收購以來，F(xiàn)lash在這家以市值計為全球第四大軟件公司的手里，漸漸呈現(xiàn)出越來越復雜的發(fā)展方向——挑戰(zhàn)重重卻也機遇無限。</p><p>　　Flash 是一種交互式矢量多媒體技術，其前身是1996年一家名為Future Wave的小軟件公司所開發(fā)的一款叫做Future Splash的動態(tài)變化小程序。當時，世界互聯(lián)網(wǎng)的聲勢還只是嶄露頭角，但M

43、acromedia公司卻極具眼光的相中了Future Splash的靈活、精巧，并在當年年底將Future Wave收購，為Future Splash改了一個更便于記憶和傳播的名字—Flash。 </p><p>　　雖然Flash看上去很不起眼，但卻是世界上第一款商用的矢量動畫設計軟件，并在上世紀90年代得到了非常廣泛的應用，微軟公司的官方網(wǎng)站用其部署在線交互動畫，迪士尼、夢工廠等動畫影片商也在利用Flash生

44、產二維動畫。其是當新舊世紀之交時，互聯(lián)網(wǎng)的浪潮開始在世界范圍內洶涌，作為網(wǎng)頁設計的重要元素，F(xiàn)lash隨之成了明星。以虛擬機的形態(tài)存在的Flash Player可以說是Flash能夠馳騁江湖的重要前提。通過Flash Player，開發(fā)者制作的Flash文件能夠在不同的平臺上以相同的效果運行。2007年的一項統(tǒng)計數(shù)據(jù)顯示，F(xiàn)lash Player在全世界計算機上的普及率達到98.8%，是有史以來市場占有率最高的軟件產品。</p&g

45、t;<p>　　當2006年Macromedia被Adobe收購的時候，F(xiàn)lash恰逢問世十周年，Adobe的接手幾乎改變了Flash的發(fā)展軌跡。首先就是2007年3月27日發(fā)布的Flash Player9.0被納入Adobe Creative Studio3.0（即Adobe CS3）之中，由此與Adobe公司的矢量圖形軟件Illustrator和被稱為業(yè)界標準的位圖圖象處理軟件Photoshop結合在了一起，三者之間不

46、僅可以實現(xiàn)用戶界面上的互通，文件還可以互相轉換。Flash也第一次開始以“平臺”的身份示人。</p><p>　　一年半之后，Adobe又推出了被業(yè)界稱為“該軟件史上最重要的一次更新”的Flash Player 10.0版本，同時也融進了Adobe CS4。從表面看，10.0版本的Flash最大的亮點在于“顛覆性的網(wǎng)絡視覺體驗”，因為其可以支持GPU通用技術加速，即可以在顯示效果中充分充分釋放顯卡的潛能。但僅僅這

47、些，還遠非Adobe的全部意圖。在10.0版本的Flash Player正式發(fā)布之前，Adobe于2008年5月宣布了名為開放屏幕計劃（Open Screen Project）的項目，旨在跨屏幕實現(xiàn)一致的軟件運行環(huán)境，針對電視、機頂盒、手機、移動設備、PC及其它利用Adobe AIR（Adobe針對互聯(lián)網(wǎng)富媒體應用推出的開發(fā)平臺）和Flash的消費電子設備。</p><p>　　今年10月5日，這項目標宏大的計劃

48、中迎來了兩位重量級的新成員：Google和RIM，并且，Adobe與老朋友高通的合作也進入了更深層面——雙方正聯(lián)手優(yōu)化并顯著提高Flash 10.1在高通公司面向智能手機和智能本的芯片組上的運行性能[1]。</p><p><b>　　國內外現(xiàn)狀研究</b></p><p>　　1.2.1 關于Flash和網(wǎng)站 </p><p>　　在

49、現(xiàn)今科技發(fā)展飛快的時代，網(wǎng)絡以其壓倒性的優(yōu)勢急速發(fā)展，大規(guī)模的侵蝕著各種傳統(tǒng)媒體。其主要表現(xiàn)載體——網(wǎng)頁，也伴隨著茁壯成長起來。隨著網(wǎng)絡帶寬的提高，網(wǎng)頁中開始應用各式各樣的Flash 動畫，大大增強了網(wǎng)頁的可觀性。但是，目前國內Flash軟件基本上只是擔當著矢量動畫大師的角色， 違背了Marcromedia公司的初衷。Flash自被納入Marcomedia公司，就被定位為一個網(wǎng)絡交互多媒體平臺。幾乎每一個版本升級，都伴隨著Action

50、Script的飛躍，不斷地改善語法規(guī)格，也就是為了Flash的未來發(fā)展鋪設道路。國外的著名大公司，例如Sony、Nike、可口可樂等都是以Flash web的形式來制作網(wǎng)站主頁的。</p><p>　　早在20世紀八九十年代，HTML靜態(tài)頁面網(wǎng)站就已盛行，但大多數(shù)都是一些文字和圖像的排版，文字和圖片之上都有相應的鏈接，可以點擊進入其他頁面。之后隨著互聯(lián)網(wǎng)帶寬的不斷增加和Flash對互聯(lián)網(wǎng)的影響不斷增強，HTML靜

51、態(tài)頁面上逐漸開始融入一些Flash元素，這也使得HTML網(wǎng)站開始活潑起來。在2000年以后大量的網(wǎng)站開始大規(guī)模的使用Flash，并且走進人們的視線。Flash特別適用于創(chuàng)建通過Internet傳播的內容，因為它所創(chuàng)建和使用的大多數(shù)是矢量圖形。與HTML靜態(tài)頁面網(wǎng)站相比，F(xiàn)lash網(wǎng)站更具有親和力和交互性等多媒體特性。眾所周知，網(wǎng)站是人們了解一個企業(yè)的窗口，但是現(xiàn)在更多的公司將自己的網(wǎng)站看作是在互聯(lián)網(wǎng)上的銷售平臺，不僅讓用戶在這個平臺上了

52、解和感受公司的產品和文化，同時還能收集用戶所反饋的信息，通過分析這些信息，企業(yè)才能及時調整策略以達到利潤的最大化[2]。而Flash網(wǎng)站帶來的好處正能滿足這些企業(yè)的要求：強有力的廣告宣傳、傳播速度之快及范圍之廣、豐富的媒體內容、體貼用戶的流暢交互、以及跨平臺和小巧客戶端的支持。目前，F(xiàn)lash網(wǎng)站正在形成一種趨勢。</p><p>　　在專業(yè)網(wǎng)頁設計中，網(wǎng)頁也稱Web或Web頁，Web技術是指以網(wǎng)絡為媒介，把各種

53、信息以最快捷、方便的方式傳達給受眾的技術。Web的主要任務是展現(xiàn)信息內容，而HTML語言則是信息展現(xiàn)的最有效載體之一，因此網(wǎng)頁也稱為HTML 頁。最初的HTML語言只能在瀏覽器中展現(xiàn)靜態(tài)的文本或圖像信息，這滿足不了時下人們對多樣化信息的強烈需求，由靜態(tài)技術向動態(tài)技術的轉變成為了Web技術演進的必然。從此，F(xiàn)lash動畫成了Web開發(fā)者表現(xiàn)自我、展示個性的最佳方式。在最早的互聯(lián)網(wǎng)上，網(wǎng)頁只有文字和少量圖片，而后，有部分視頻圖像開始在上面?zhèn)?/p>

54、播開。但是這些視頻圖像并不能在網(wǎng)絡上進行實時的播放，而只能通過下載到本地計算機后才能被看到。所以在Flash出現(xiàn)前網(wǎng)頁上是靜態(tài)圖文為主的。</p><p>　　說完了Flash,再說說網(wǎng)站。所謂網(wǎng)站(Website)，就是指在網(wǎng)際網(wǎng)路上，根據(jù)一定的規(guī)則，使用HTML等工具制作的用於展示特定內容的相關網(wǎng)頁的集合。簡單地說，網(wǎng)站是一種通訊工具，就像布告欄一樣，人們可以通過網(wǎng)站來發(fā)布自己想要公開的資訊（信息），或者利用

55、網(wǎng)站來提供相關的網(wǎng)絡服務。網(wǎng)站是由無數(shù)個網(wǎng)頁組成的，而每一個網(wǎng)頁實際上就是一個文件，它存放在某一臺與互聯(lián)網(wǎng)相連的計算機中，經由網(wǎng)址（URL）來識別和存取。我們在地址欄中鍵入網(wǎng)址后，網(wǎng)頁文件就會通過瀏覽器的解釋而呈現(xiàn)在眼前。網(wǎng)頁由文字、圖片、動畫、聲音和視頻等元素構成。文字是網(wǎng)頁的基本內容，其他可以輔助網(wǎng)頁起到美化和增強表達的功能。網(wǎng)頁實際是一個純文本文件，其上的文字、圖片、動畫、聲音和視頻等元素都通過各種各樣的獨特標記來表示，瀏覽器可以

56、解釋這些標記，并把它形成頁面展示出來。人們可以通過網(wǎng)頁瀏覽器來訪問網(wǎng)站，獲取自己需要的資訊（信息）或者享受網(wǎng)路服務。 </p><p>　　1.2.2 基于Flash的網(wǎng)站</p><p>　　Flash幽默形式和動感十足的制作風格引起大家的關注并廣泛傳播，成為一種有用的商業(yè)宣傳方式。由于人們對于新的尖端科學技術的喜好，有了不同于以前的心理狀態(tài)、價值取向、審美意識等。隨著Flash技術開

57、發(fā)的日益成熟，現(xiàn)在越來越多的網(wǎng)建公司已經把應用Flash當作最重要的技術手段來做為業(yè)務籌碼。的確，在網(wǎng)站建設中，F(xiàn)lash確實是一種很好的技術表現(xiàn)形式：輕巧、易于控制、互動性強、動感十足、視覺沖擊力強等，為每個企業(yè)主帶來的推廣方式比那種呆板的靜態(tài)表現(xiàn)形式生動很多。而且現(xiàn)在Flash在基于后臺互動方面的銜接越來越和諧，從以前的點綴手段成為現(xiàn)在的主流技術[3]。</p><p>　　相比較傳統(tǒng)的傳播媒體，基于Flas

58、h的網(wǎng)站有著自身獨特的優(yōu)勢：首先，網(wǎng)站不僅可以像傳統(tǒng)媒體一樣傳播文字和靜態(tài)圖像，更能夠傳播動態(tài)圖形甚至視頻、聲頻等信息。其次，訪問者在瀏覽信息的過程中，相比較傳統(tǒng)媒體單一的瀏覽順序，網(wǎng)站則為用戶提供了很大的自主性。最后，來訪者在接受信息的過程中，可以運用操作工具參與或創(chuàng)造信息的接受活動，這種互動的優(yōu)勢也是傳統(tǒng)媒體不可比擬的[4]。</p><p>　　隨著計算機技術的不斷發(fā)展與深化，網(wǎng)站的制作越來越趨于人性化與美

59、觀化，網(wǎng)頁設計中已經融入越來越多的動畫制作和動態(tài)模塊。網(wǎng)站的迷人之處在于綜合使用文本、圖像、聲音、動畫和視頻的信息和內容，具有豐富的多媒體表現(xiàn)與互動特點，無可置疑，網(wǎng)站已成為最吸引人的也最有效的信息傳遞手段和方式，在互聯(lián)網(wǎng)上表現(xiàn)出極其重要的地位，并發(fā)揮著極其重要的作用[4]。</p><p><b>　　網(wǎng)站的實現(xiàn)</b></p><p>　　第一步，F(xiàn)lash網(wǎng)站的

60、結構規(guī)劃。一般來說Flash網(wǎng)站基本包括Logo、導航系統(tǒng)、及板塊內容等元素?？紤]到目前國內的網(wǎng)絡帶寬狀況，再加上SWF文件本身是邊下載邊播放的因素，通常在瀏覽Flash網(wǎng)站內容之前都需要有一個預載（loading）以達到最佳瀏覽效果。預載之后最先出現(xiàn)的是一個進入頁面（也稱引導頁），一般來說進入頁面是靜態(tài)的，大多數(shù)設計者在制作此頁面時會盡量做到簡潔，它的作用是盡可能多的傳達給瀏覽者一些最基本的關于企業(yè)的信息，例如企業(yè)的Logo名稱、聯(lián)系

61、方式以及網(wǎng)站的主題等等。</p><p>　　第二步，F(xiàn)lash網(wǎng)站的層級結構規(guī)劃。Flash是由一個個影片或影片剪輯組成的，這些影片或影片剪輯都有各自的時間軸、變量、數(shù)組、函數(shù)、元件等，影片剪輯間是通過這些變量進行信息的溝通和交換。</p><p>　　第三步，F(xiàn)lash網(wǎng)站的形象設計規(guī)劃。</p><p>　?。?）Flash網(wǎng)站企業(yè)形象設計規(guī)劃這里提到的Fla

62、sh網(wǎng)站的形象設計不單單是通過網(wǎng)站上面的文字、圖標、色彩這些藝術形象元素來實現(xiàn)的，這只是Flash網(wǎng)站形象的一部分，而Flash網(wǎng)站形象的另一個部分則是網(wǎng)站企業(yè)形象。一個網(wǎng)站的形象是要根據(jù)網(wǎng)站的定位、信息內容、訪問群體、建設目標、運營模式等諸多因素來進行規(guī)劃設計的。</p><p>　?。?）Flash網(wǎng)站頁面構成元素。標志（Logo），每個成功的網(wǎng)站都有它自己獨特的標志形象，可以使訪問者一見到標志就能聯(lián)想到它所

63、代表的企業(yè)網(wǎng)站，標志的作用就是用圖形化的方式傳達網(wǎng)站的定位和企業(yè)經營理念。網(wǎng)站的標志形象須同企業(yè)的形象及該企業(yè)產品的形象相吻合，達到形象相互之間的和諧統(tǒng)一。</p><p>　?。?）Flash網(wǎng)站頁面形象設計基本原則。布局合理，在設計Flash網(wǎng)站頁面時，需要對網(wǎng)頁中的信息元素進行合理的布局，合理的安排網(wǎng)站頁面中信息內容的位置，可以讓訪問者快速準確地獲取網(wǎng)站信息內容。交互過渡形式統(tǒng)一，使用一種統(tǒng)一的交互變化，作

64、為一種統(tǒng)一的圖形符號和統(tǒng)一的過場，也能使得網(wǎng)站整體形成統(tǒng)一的風格。色彩統(tǒng)一，網(wǎng)站各頁面的色彩體系的選用需要統(tǒng)一，通過色彩的合理搭配和統(tǒng)一使用，可以確保企業(yè)網(wǎng)站的風格統(tǒng)一。這樣能給訪問者從視覺上有和諧一致的感覺，容易在大腦中形成記憶符號，更有利于企業(yè)形象的樹立。</p><p>　　第四步，F(xiàn)lash網(wǎng)站的內容規(guī)劃。Flash網(wǎng)站的內容規(guī)劃要明確網(wǎng)站的發(fā)展方向及網(wǎng)站的定位。網(wǎng)站的定位包含很多方面，無論從哪個方面對網(wǎng)

65、站進行定位，最終目的就是通過網(wǎng)站明確的向訪問者傳達信息。我們的網(wǎng)站定位是以展示為主的Flash個性網(wǎng)站。里面的內容包括圖片，技術指導，動畫等[5]。</p><p>　　在技術層面上，網(wǎng)頁制作可以通過靜態(tài)網(wǎng)頁和動態(tài)網(wǎng)頁來實現(xiàn)。作為初學者的我學習一段時間以后就可以使用DreamWeawer來制作一些靜態(tài)網(wǎng)頁；使用PhotoShop進行圖像編輯合成；使用Flash為網(wǎng)頁增加動畫使網(wǎng)頁生動而富于表現(xiàn)力；學著編寫Java

66、Script代碼擴展DreamWeaver的行為和屬性檢查器；同時不可缺少的配合數(shù)據(jù)庫的操作。通過這些技術，我們可以在網(wǎng)站上進行圖片和動畫，音樂的欣賞、問題的留言、反饋等多種交流。</p><p>　　本論文的主要任務是要實現(xiàn)這樣一個基于Flash的web網(wǎng)站，為網(wǎng)站制作提供一種新的嘗試。系統(tǒng)主要使用服務器iis或apache，數(shù)據(jù)庫使用mysql或者sql server，平臺則兼容widows xp、widow

67、s2000，開發(fā)語言使用php以及javascript等。網(wǎng)站主要實現(xiàn)動畫制作，動畫觀看，動畫廣告等功能，并實現(xiàn)系統(tǒng)的日常管理功能，包括用戶注冊，文章上傳，訪客留言，信息反饋功能等。</p><p>　　2 相關開發(fā)技術及工具介紹</p><p>　　2.1 APMServ5.0.4Plus簡介</p><p>　　軟件簡介： 《APMServ 5.0.4 增強

68、版》是一款快速自動搭建Apache v2.0.54、PHP v5.0.4、MySQL v4.0.21、phpMyAdmin v2.6.2-pl1、ZendOptimizer v2.5.7以及ASP.NET、Perl、CGI網(wǎng)絡編程平臺的綠色軟件，無需安裝，具有靈活的移動性，將其目錄拷貝到其它分區(qū)目錄或別的電腦時，均只需點擊APMServ.exe中的啟動按鈕，即可自動進行相關設置，將Apache2和MySQL安裝為系統(tǒng)服務并啟動。點擊停止

69、按鈕可自動從系統(tǒng)服務中卸載Apache2和MySQL。 1、MySQL默認用戶名：root，密碼為空 2、MySQL數(shù)據(jù)庫文件存放目錄：MySQL\data 3、網(wǎng)站根目錄：www 4、訪問自己的服務器請用http://127.0.0.1/或http://localhost/ 5、非80端口，訪問請用http://127.0.0.1:端口/或http://localhost:端口。</p><p>　　2.2

70、Dreamweaver網(wǎng)頁優(yōu)化</p><p>　　我們?yōu)榱藘?yōu)化網(wǎng)頁、加快網(wǎng)頁下載速度，除了對圖片進行優(yōu)化之外，還需對網(wǎng)頁其他各個元素進行優(yōu)化。在網(wǎng)頁編織過程中如能充分利用編輯工具，也可以在中達到優(yōu)化目的。下面是Dreamweaver中的一些優(yōu)化技法:合理調用CSS。進行網(wǎng)頁設計時，運用樣式表單CSS來對頁面元素進行布置，可以大大地減少HTML代碼，這點我們已經很清楚[6]。</p><p&g

71、t;　　(1)是選定對象，從右鍵菜單中選擇定義好的樣式加入; </p><p>　　(2)是從樣式面板中為對象選擇樣式;　</p><p>　　(3)是在標簽選擇器上的某標簽上單擊右鍵選擇樣式。這三種方法雖然獲得的頁面效果一樣，但由于第一種方法會在HTML代碼中產生一個“span”標簽，如果過多地使用會影響下載速度。因此調用CSS時，應采用第二、第三種方法。</p><

72、p>　　在交互網(wǎng)頁中，為了給服務器減少負擔，用戶常用表單向服務器提交數(shù)據(jù)，等待服務器的數(shù)據(jù)處理、返回瀏覽器。在Dreamweaver中制作網(wǎng)頁，可以對用戶所提交的表單的合法性進行驗證，這個操作只需在瀏覽器端進行，不必返回到服務器驗證，既減輕了服務器的負擔，又可以減少等待的時間。具體方法:選中表單，打開“行為”面板，點擊“+”號 選“驗證表單”，然后進行設置即可。這個驗證過程實際上是使用JavaScript在瀏覽器端作驗證。在Dre

73、amweaver里進行上述操作時，它會把這段JavaScript代碼放在網(wǎng)頁頭部與之中，這樣必定會使頁面的完全顯示時間變長，因為瀏覽器要先下載這段代碼才下載其他頁面元素。因此，最好在Dreamweaver中打開代碼編輯器，把這段腳本程序剪貼到源代碼的最后邊，讓其在最后下載。另外，我們在為網(wǎng)頁加入JavaScript 腳本特效時，也可以這樣設置。</p><p>　　2.3 Adobe Flash CS5簡介&l

74、t;/p><p>　　Flash是一種創(chuàng)作工具，設計人員和開發(fā)人員可使用它來創(chuàng)建演示文稿、應用程序和其它允許用戶交互的內容。Flash 可以包含簡單的動畫、視頻內容、復雜演示文稿和應用程序以及介于它們之間的任何內容。通常，使用Flash創(chuàng)作的各個內容單元稱為應用程序，即使它們可能只是很簡單的動畫。您也可以通過添加圖片、聲音、視頻和特殊效果，構建包含豐富媒體的 Flash 應用程序。</p><p&

75、gt;　　Flash 特別適用于創(chuàng)建通過Internet提供的內容，因為它的文件非常小。Flash是通過廣泛使用矢量圖形做到這一點的。與位圖圖形相比，矢量圖形需要的內存和存儲空間小很多，因為它們是以數(shù)學公式而不是大型數(shù)據(jù)集來表示的。位圖圖形之所以更大，是因為圖像中的每個像素都需要一組單獨的數(shù)據(jù)來表示。 </p><p>　　要在Flash中構建應用程序，可以使用Flash繪圖工具創(chuàng)建圖形，并將其它媒體元素導入Fl

76、ash文檔。接下來，定義如何以及何時使用各個元素來創(chuàng)建設想中的應用程序。在 Flash 中創(chuàng)作內容時，需要在Flash文檔文件中工作。Flash文檔的文件擴展名為.fla (FLA)。</p><p>　　Flash文檔有四個主要部分： </p><p>　　舞臺是在回放過程中顯示圖形、視頻、按鈕等內容的位置。在Flash基礎中將對舞臺做詳細介紹。 </p><p>

77、;　　時間軸用來通知Flash顯示圖形和其它項目元素的時間，也可以使用時間軸指定舞臺上各圖形的分層順序。位于較高圖層中的圖形顯示在較低圖層中的圖形的上方。 </p><p>　　庫面板是Flash顯示Flash文檔中的媒體元素列表的位置。 </p><p>　　ActionScript 代碼可用來向文檔中的媒體元素添加交互式內容。例如，可以添加代碼以便用戶在單擊某按鈕時顯示一幅新圖像，還可

78、以使用 ActionScript 向應用程序添加邏輯。邏輯使應用程序能夠根據(jù)用戶的操作和其它情況采取不同的工作方式。Flash 包括兩個版本的 ActionScript，可滿足創(chuàng)作者的不同具體需要。有關編寫 ActionScript 的詳細信息，請參閱"幫助"面板中的"學習 Flash 中的 ActionScript 2.0"。 </p><p>　　Flash包含了許多種

79、功能，如預置的拖放用戶界面組件，可以輕松地將ActionScript添加到文檔的內置行為，以及可以添加到媒體對象的特殊效果。這些功能使Flash不僅功能強大，而且易于使用。 </p><p>　　完成Flash文檔的創(chuàng)作后，可以使用"文件">"發(fā)布"命令發(fā)布它。這會創(chuàng)建文件的一個壓縮版本，其擴展名為.swf (SWF)。然后，就可以使用Flash Player在Web

80、瀏覽器中播放SWF 文件，或者將其作為獨立的應用程序進行播放[7]。</p><p>　　Flash還具有以下特點及優(yōu)勢[8] </p><p><b>　　（1）交互[8]</b></p><p>　　Flash雖然不可以象一門語言一樣進行編程，但用其內置的語句并結JavaScript。Flash的“交互性”讓藝術作品有了生命力，可以讓藝術品

81、與受眾和作品進行互動。一方面，從互動廣告來說，F(xiàn)lash的互動可以完美地將廣告與娛樂結合起來，可以在娛樂的同時全面地了解產品，使得瀏覽者對產品有更立體的感覺。另一方面，從互動網(wǎng)頁來說，F(xiàn)lash的體積很小，方便下載，又因為Flash是矢量的，它完全可以做出精美的畫面，并且Flash里面可以加入一些鏈接，使得廣告廠商有足夠的宣傳空間。在Flash網(wǎng)站特效實現(xiàn)的過程中，常?？梢噪S機地出現(xiàn)許多可能性、趣味性讓人流連其中。這些特效的制作本是服務

82、于網(wǎng)站內容的，但它針對視覺的探索卻使它已經具有了很強的藝術效果。</p><p><b>　　（2）速度[8]</b></p><p>　　Flash已被優(yōu)化，消除鋸齒的靜態(tài)和動態(tài)矢量圖形均可以快速傳遞到屏幕上。甚至在速度較慢的調制解調器連接中，等待的時間也是最少的，該方案打破了流式Flash文件播放的形式，還有他們下載帶寬的障礙，即使在慢速調制解調器上連接也不用等多

83、久。Flash的另一個偉大的功能是流媒體，用戶可以在幾秒鐘之內在Flash中創(chuàng)建一個300 K的文件。用戶的瀏覽器下載的Flash Shockwave影片的框架是幀，一旦下載第一幀，電影就開始播放，而連續(xù)幀繼續(xù)下載。</p><p><b>　?。?）多樣化</b></p><p>　　Flash是最完美的Web界面設計工具，因為它可以用幾個函數(shù)來創(chuàng)建導航條和廣告標語

84、，動畫按鈕，并繪制圖像，也可以在Flash中建立動畫和互動性，使開發(fā)人員可以如他所愿的添加聲音。 </p><p><b>　?。?）屏幕質量</b></p><p>　　Flash支持提供消除鋸齒的文字和圖形，這意味著，F(xiàn)lash動畫可顯示字母和圖像邊緣在動畫在屏幕上平滑移動。</p><p><b>　?。?）跨平臺</b&

85、gt;</p><p>　　對Flash沒有影響，也不是由HTML標記瀏覽器之間的差異。創(chuàng)建電影和Flash創(chuàng)建跨平臺的工作相同，沒有任何理由擔心屏幕的分辨率與電影大小有關系。在它上面，觀眾的JavaScript的瀏覽器的版本對Flash沒有影響，也不是由HTML標記瀏覽器之間的差異[19]。</p><p>　　2.4 MySQL簡介</p><p>　　PHP

86、支持眾多數(shù)據(jù)庫，而其中與MySQL的結合性最為完美，MySQL數(shù)據(jù)庫是由瑞典TCX公司開發(fā)的，并隨著Linux的普及逐漸獲得了廣泛的應用。MySQL是一個源代碼公開而且完全免費的產品，可用于大、中、小各種數(shù)據(jù)應用場合。MySQL還適用于多種操作平臺，而且支持多種線程和CPU。</p><p>　　MySQL數(shù)據(jù)庫是多關系型數(shù)據(jù)庫產品中的一個，相比其他數(shù)據(jù)庫而言，MySQL數(shù)據(jù)庫可以成為目前運行速度最快的SQL語言

87、。除此之外還具有許多其他數(shù)據(jù)庫所不具有的功能和選擇。MySQL數(shù)據(jù)庫是一種完全免費的產品，用戶可以從網(wǎng)上直接下載，用戶可以是個人，也可是商業(yè)用戶，都不用支付任何費用[9]。MySQL數(shù)據(jù)庫具有以下特點：</p><p>　?。?）沒有限制同時訪問數(shù)據(jù)庫的用戶數(shù)量。</p><p>　?。?）可以保存記錄超過50000000條。</p><p>　　（3）數(shù)據(jù)庫系統(tǒng)的

88、運行速度是目前所有產品中最快的。</p><p>　?。?）可以簡單、有效地進行用戶權限的設置。</p><p>　　從MySQL數(shù)據(jù)庫具有的以上特點可以看出，MySQL數(shù)據(jù)庫是一個運行速度快、多線程、多用戶和強大SQL數(shù)據(jù)庫服務器。MySQL可以運行在多種平臺上，是建立數(shù)據(jù)庫驅動和動態(tài)網(wǎng)站的最佳數(shù)據(jù)庫。</p><p>　　2.5 PHP簡介</p>

89、<p>　　PHP技術是比較成熟的WEB開發(fā)技術，而且具有開源免費的特點。PHP擁有大量免費的組件可以提高開發(fā)效率。PEAR是PHP擴展及應用程序存儲庫，里面包含了構造WEB程序所需的大量組件。</p><p>　　Php是Hypertext Preprocessor(超文本預處理器)的縮寫，它是一種運行在服務器端的語言。在功能上與perl語言，jsp語言，asp．net語言類似。PHP必須和IIS

90、或者APACHE這些WEB服務器軟件配合才能使用，一般和APACHE配合比較多。當用戶向服務器提交了一個PHP文件申請后，APACHE將用戶的申請參數(shù)和PHP代碼文件一并傳給PHP處理程序。</p><p><b>　　3 需求分析</b></p><p>　　3.1 總體需求分析</p><p>　　(1) 網(wǎng)站是為展示Flash所組建的

91、門戶網(wǎng)站。其用途是為了促進外部交流、擴大外部影響、增進友誼、為生活增添多姿多彩的內容。</p><p>　　(2) 網(wǎng)站的主要內容包括如下幾大板塊：原創(chuàng)Flash動吧，企業(yè)Flash動吧，輕音Flash吧臺，動吧論壇，并且根據(jù)情況將逐步增加情感、生活等內容。</p><p>　　(3) 由于網(wǎng)站內容的簡單性和其獨立的板塊結構，創(chuàng)建和維護工作目前并不龐大。</p><p&

92、gt;　　(4) 網(wǎng)站的每一板塊放在獨立的Http服務器上，即本板塊管理員的計算機，統(tǒng)一使用微軟的IIS建立站點服務器。在主站點上存放主頁面，主頁面上設置指向各板塊的鏈接。</p><p>　　(5) 主頁面只存放指向各板塊的鏈接，及社區(qū)板塊的注冊登錄入口，所以其風格要求簡介大方，又有于主頁面是網(wǎng)站的總門面，要求其設計能夠簡單大方[10]。</p><p><b>　　3.2

93、功能分析</b></p><p>　　3.2.1 基于Flash網(wǎng)站實現(xiàn)的目標分析</p><p>　?。?）盡量使網(wǎng)頁看起來清楚整潔，不凌亂。使網(wǎng)站形象規(guī)劃具有層次和條理性。</p><p>　?。?）盡管網(wǎng)站的定位包含很多方面，例如形象定位、訪問群體定位、市場定位、商業(yè)定位、技術定位、功能定位等等，但是無論從哪個方面對網(wǎng)站進行定位，最終目的就是通過

94、網(wǎng)站明確的向訪問者傳達信息。</p><p>　　（3）系統(tǒng)采用模塊化程序設計方法，既便于系統(tǒng)功能的各種組合和修改，又便于未參與開發(fā)的技術維修人員補充和維護。</p><p>　?。?）系統(tǒng)應具備數(shù)據(jù)庫維護功能，及時根據(jù)用戶需求進行數(shù)據(jù)的添加、刪除、修改等操作[11]。</p><p>　　3.2.2 基于Flash網(wǎng)站實現(xiàn)的功能分析</p><

95、;p>　　網(wǎng)站包括以下四個個模塊：第一塊是原創(chuàng)Flash動吧，第二塊是網(wǎng)站論壇，就是網(wǎng)友提供劇本，我們代為制作。第三塊是企業(yè)Flash動吧，是網(wǎng)站推廣廣告，除了企業(yè)logo外，統(tǒng)一采用動畫形式推出廣告。第四塊是輕音Flash吧臺，上傳原創(chuàng)聲音文件，基本由海底之城工作室制作。具體系統(tǒng)要求實現(xiàn)：</p><p>　　（1）制作并上傳原創(chuàng)Flash若干。</p><p>　　（2）上傳與日

96、常編輯處理。</p><p>　?。?）企業(yè)廣告管理。</p><p>　　（4）營業(yè)日常管理。</p><p>　?。?）信息反饋管理。</p><p>　?。?）提供數(shù)據(jù)接口。</p><p>　　網(wǎng)站的開發(fā)主要包括前端應用程序系統(tǒng)和后臺管理系統(tǒng)，應用程序系統(tǒng)要求界面友好，功能完備，易使用等特點。而后臺數(shù)據(jù)庫的數(shù)據(jù)

97、要具有一致性、完整性、安全性、易維護性。</p><p><b>　?。?）網(wǎng)站系統(tǒng)前臺</b></p><p>　　前臺系統(tǒng)主要包括Flash的顯示，圖片的瀏覽，聲音文件的收聽，來訪者的留言等功能。</p><p>　　文章模塊：完成自己上傳的Flash瀏覽的功能，可以按類型進行分類顯示。使用戶可以快速定位到自己感興趣的Flash類別上，瀏覽

98、其內容。可分為原創(chuàng)Flash、企業(yè)Flash、聲音文件等內容，方便用戶瀏覽。</p><p>　　圖片管理：完成前臺用戶的圖片信息的瀏覽的功能。</p><p>　　聲音文件管理：完成輕音故事的在線聽的功能。</p><p>　　留言管理：完成瀏覽者留言信息的管理，瀏覽都可以自由留言。來方便大家的交流。</p><p><b>　　

99、（2）網(wǎng)站系統(tǒng)后臺</b></p><p>　　后臺系統(tǒng)可分為關于Flash動吧模塊、原創(chuàng)Flash吧臺模塊，企業(yè)Flash吧臺模塊，輕音吧臺模塊，動吧論壇模塊。</p><p>　　Flash動吧模塊：完成文章的添加、刪除功能。添加日志時需要添加的標題、內容、類別等信息。刪除文章是對過期的或沒意義的文章進行整理，使其從數(shù)據(jù)庫中清除，提高數(shù)據(jù)庫的使用效率。</p>

100、<p>　　動吧論壇模塊：是系統(tǒng)對來訪者的留言的管理。閱讀者觀看或收聽后有什么感想都可以以留言的形式進行發(fā)布，后臺應具備對留言信息的管理，如留言信息的刪除等操作 。</p><p>　　原創(chuàng)Flash吧臺模塊：上傳Flash，以方便前臺用戶快速進行閱讀。包括Flash的添加、刪除等功能,也可以上傳圖片。</p><p>　　企業(yè)Flash吧臺模塊：完成企業(yè)廣告類的Flash的添

101、加和刪除的功能。</p><p>　　輕音吧臺模塊：完成聲音文件的添加和刪除功能。</p><p>　　業(yè)務流程圖（transaction flow diagram,簡稱TFD）， 就是用一些規(guī)定的符號及連接來表示某個具體的業(yè)務處理過程，它是用盡可能少、盡可能簡單的方法來描述業(yè)務處理過程的方法，由于它的符號簡單明了，所以非常易于閱讀和理解業(yè)務流程[12]。本網(wǎng)站主要的業(yè)務流程圖如

102、下圖所示。</p><p>　　圖3-1 系統(tǒng)總體構圖</p><p>　　圖3-2前端用戶業(yè)務流程圖</p><p>　　圖3-3后臺管理員業(yè)務流程圖</p><p><b>　　3.3 性能分析</b></p><p>　　本系統(tǒng)要求達到的非功能性如下所示：</p><p

103、>　　（1）系統(tǒng)運行穩(wěn)定，安全可靠。</p><p>　?。?）界面設計美觀，人機交互界面簡潔友好。</p><p>　?。?）信息查詢靈活、方便、快捷、準確，數(shù)據(jù)存儲安全可靠。</p><p>　?。?）對用戶輸入的數(shù)據(jù)，系統(tǒng)進行嚴格的數(shù)據(jù)檢驗，盡可能排除人為的錯誤[12]。</p><p>　　3.4 版塊功能需求</p&

104、gt;<p>　　（1）原創(chuàng)Flash動吧功能需求分析 </p><p>　　提供上傳原創(chuàng)Flash，提供創(chuàng)意的交流。建立的目的是為了更好地進行信息溝通，交流以及創(chuàng)意的體現(xiàn)。同時起著對外宣傳的作用，由此結交更多更好喜愛動畫的朋友。</p><p>　　（2）企業(yè)Flash吧臺功能需求分析</p><p>　　企業(yè)Flash吧臺板塊是為了促進交流，提供精