計(jì)算機(jī)信息管理畢業(yè)論文

計(jì)算機(jī)信息管理畢業(yè)論文蘇州大學(xué)自學(xué)考試“專接本”畢業(yè)設(shè)計(jì)PAGE\*ROMANI北京聯(lián)合大學(xué)畢業(yè)論文北京聯(lián)合大學(xué)繼續(xù)教育學(xué)院畢業(yè)論文題目班級(jí)展示平臺(tái)的設(shè)計(jì)與實(shí)現(xiàn)?？茖W(xué)校北京聯(lián)合大學(xué)繼續(xù)教育學(xué)院專業(yè)計(jì)算機(jī)信息管理考生姓名劉偉準(zhǔn)考證號(hào)201465000103指導(dǎo)老師蔣春梅2016年4月29日蘇州大學(xué)自學(xué)考試“專接本”畢業(yè)設(shè)計(jì)2AbstractFlashisakindofcreationtools,canuseittocreatedemonstrationdraft,theapplicationandtheotherallowsuserstointeractivecontent.Flashcancontainsimpleanimation,videocontent,complexdemoapplication,andin-betweenmanuscriptsandbetweenthemofanycontent.FlashparticularlyapplicabletocreatethecontentonInternet,becauseofitoffileisverysmall.Flashisthroughtheextensiveuseofvectorgraphicsdoit.AndthewholeFlashwebsitewithordinarydoesn'thavevisualimpactandinteractiveexperience.SotheallFlashwebmorevivid,itsinteractiveperformanceisordinarywebsitethatcannotbecompared.ThispaperexpoundshowtomakecompleteaFlashweb,andhowtouseXMLrealizeTXT,mp3andJPGfileinwebpagesloadandthedynamicinteractionbetweendifferentpageswitch,editorofinformationandsendandActionScriptcodecontrol,etc.Keywords:FlashXMLActionScriptThemake:LiuWei蘇州大學(xué)自學(xué)考試“專接本”畢業(yè)設(shè)計(jì)PAGE\*Arabic2北京聯(lián)合大學(xué)畢業(yè)論文PAGE\*Arabic1前言數(shù)字媒體時(shí)代的到來，使人們不在滿足于簡單直接的信息傳達(dá)，人們渴望在接受信息的同時(shí)能夠帶來一種視覺享受。Flash能讓瀏覽者在輕松、有趣的視覺感受中，以最短的時(shí)間了解信息內(nèi)容。Flash是目前在網(wǎng)絡(luò)應(yīng)用中最好的多媒體動(dòng)畫，強(qiáng)烈的視覺沖擊力給瀏覽者帶來全新的感受，更易留下深刻的印象，能夠極好的達(dá)到理想的宣傳效果。綜合起來說，F(xiàn)lash網(wǎng)站是一種藝術(shù)與技術(shù)相結(jié)合產(chǎn)物。Flash網(wǎng)站是以藝術(shù)介入技術(shù)層面來達(dá)到視覺推廣的目的，這樣的好處是能夠更好的針對(duì)目標(biāo)人群，把信息以藝術(shù)效果的形式體現(xiàn)出來。本課題是利用Flash的AdobeFlashCS5.5Professional版本進(jìn)行一個(gè)班級(jí)網(wǎng)站的制作，由于本人知識(shí)的有限，時(shí)間的倉促，以及客觀條件的限制，網(wǎng)站的規(guī)模不會(huì)很大。該Flash網(wǎng)站主要是一個(gè)以班級(jí)活動(dòng)時(shí)候的照片，以及一些對(duì)于班級(jí)生活的文字的描述和同學(xué)介紹的一個(gè)班級(jí)網(wǎng)站。每個(gè)人都有那么段屬于自己的學(xué)生生涯，對(duì)于大學(xué)生涯，美好的回憶總是一幕幕出現(xiàn)在眼前。而一個(gè)小型的Flash網(wǎng)站，既能勾起我美好的大學(xué)回憶，也能在網(wǎng)站中找到一些大學(xué)班級(jí)生活中的點(diǎn)點(diǎn)滴滴，和同學(xué)們的深厚友誼。于是，我決定利用自己大學(xué)課余時(shí)間自己所學(xué)的知識(shí)，自己在指導(dǎo)老師的幫助下，和朋友合作制作這個(gè)小型的Flash網(wǎng)站。本次畢業(yè)設(shè)計(jì)制作完成的Flash網(wǎng)站共分為三個(gè)模塊，分別為關(guān)于我們、照片和聯(lián)系我們。本文共分為五章，第一章介紹了Flash軟件開發(fā)背景以及課題的內(nèi)容；第二章介紹了本網(wǎng)站的開發(fā)平臺(tái)及要使用的主要技術(shù)；第三章對(duì)網(wǎng)站進(jìn)行了規(guī)劃和簡單的介紹；第四章是網(wǎng)站的具體實(shí)現(xiàn)，并描述一些關(guān)鍵性技術(shù)；第五章主要介紹網(wǎng)站的發(fā)布；第六章是對(duì)整個(gè)過程的總結(jié)，講述心得與感想。北京聯(lián)合大學(xué)畢業(yè)論文PAGE\*Arabic3第一章概述1.1Flash網(wǎng)站背景早在上世紀(jì)八九十年代，凡是接觸網(wǎng)頁的人員，在他們的印象中所謂網(wǎng)站就是一些文字和圖像的排版，文字和圖片都可以做上相應(yīng)的鏈接，并且可以點(diǎn)擊。而如今，很大一部分人來說，這種現(xiàn)象仍然持續(xù)到現(xiàn)在，不過隨著互聯(lián)網(wǎng)網(wǎng)絡(luò)帶寬的不斷增加以及如今Flash對(duì)互聯(lián)網(wǎng)的影響力的不斷增強(qiáng)，人們已經(jīng)認(rèn)可在HTML頁面上加入一些Flash的元素。Flash元素的加入使得網(wǎng)絡(luò)頁面更加的生動(dòng)形象，讓人們更容易，更好的去接受。自從2000年以后，開始不斷涌現(xiàn)純Flash網(wǎng)站，但人們對(duì)他的認(rèn)識(shí)并不是很深，大部分人會(huì)認(rèn)為純Flash網(wǎng)站會(huì)影響訪問的速度。所以在Flash發(fā)展初期和帶寬有限的情況下確實(shí)存在這種現(xiàn)象，隨著計(jì)算機(jī)網(wǎng)絡(luò)的發(fā)展，傳輸速率加快，這一現(xiàn)狀也將得到解決。而且，網(wǎng)站是人們了解一個(gè)企業(yè)的窗口，而現(xiàn)如今，更多的公司將自己的網(wǎng)站看作是在互聯(lián)網(wǎng)上的銷售平臺(tái)，不僅讓用戶在這個(gè)平臺(tái)上了解和感受公司的產(chǎn)品和文化，同時(shí)還能收集用戶所反饋的信息，通過分析這些信息，企業(yè)才能及時(shí)調(diào)整策略以達(dá)到利潤的最大化。而純Flash網(wǎng)站恰好能滿足這些企業(yè)的要求：它具有強(qiáng)有力的廣告宣傳、快速的傳播速度、涉及的范圍極廣、豐富的媒體內(nèi)容、體貼用戶的流暢交互、以及跨平臺(tái)和小巧客戶端的支持。目前，純Flash網(wǎng)站正在形成一種趨勢。1.2Flash網(wǎng)站所具備的優(yōu)勢Flash網(wǎng)站是以生動(dòng)形象的動(dòng)畫和交互式操作，給每一位訪問者帶來一種切身體驗(yàn)的訪問感受，使用者在瀏覽的過程中自然而然的融入到網(wǎng)站中。同時(shí)Flash已經(jīng)具備了后端開發(fā)和數(shù)據(jù)顯示的能力，可以完全勝任中小型網(wǎng)站的開發(fā)。從視覺展現(xiàn)效果來看，純Flash網(wǎng)站可以完成HTML網(wǎng)站不能制造出的質(zhì)感和動(dòng)作效果，特別是一流的動(dòng)態(tài)視覺特效，能給人以震撼的視聽沖擊，同時(shí)配合高品質(zhì)的頁面設(shè)計(jì)，別具風(fēng)格的配樂，純Flash網(wǎng)站會(huì)展現(xiàn)出無窮的魅力?，F(xiàn)如今，計(jì)算機(jī)網(wǎng)絡(luò)發(fā)展日新月異，互聯(lián)網(wǎng)網(wǎng)絡(luò)帶寬不斷提高，使得動(dòng)畫、音樂、電影的傳輸瓶頸正在逐漸消失。在線實(shí)時(shí)收看高品質(zhì)畫面將成為現(xiàn)實(shí)，而這作為靜態(tài)網(wǎng)頁的優(yōu)勢將不再構(gòu)成優(yōu)勢。在未來雖然純Flash網(wǎng)站不可能代替靜態(tài)網(wǎng)站，但Flash網(wǎng)站的優(yōu)勢卻依舊是靜態(tài)網(wǎng)站無法匹及的。1.3關(guān)于本課題學(xué)生時(shí)代是每一個(gè)人所共有的美好回憶，經(jīng)常我們可以看到在畢業(yè)即將到來的時(shí)候，很多同學(xué)開始互相發(fā)同學(xué)錄，給同學(xué)留言，合影留念，這些種種跡象表明，大家對(duì)自己的班級(jí)同學(xué)的感情不言而喻。而如今Flash網(wǎng)站的發(fā)展，使得人們對(duì)Flash網(wǎng)站的認(rèn)知認(rèn)可度越來越高。Flash網(wǎng)站相對(duì)于普通靜態(tài)網(wǎng)站的優(yōu)勢特點(diǎn)越來越明顯的顯露出來。本課題即是用Flash來制作一個(gè)以班級(jí)回憶和介紹班級(jí)同學(xué)為主題的Flash網(wǎng)站。既要體現(xiàn)出對(duì)學(xué)生時(shí)代的回憶，感情，渲染出當(dāng)年的青澀氛圍，同時(shí)也要借助Flash的優(yōu)勢，體現(xiàn)出很好的人機(jī)交互性，F(xiàn)lash的視覺，聽覺多方面的沖擊力。整個(gè)Flash網(wǎng)站中的大部分圖片，音樂數(shù)據(jù)將由外部載入，而文字部分則建立在XML的基礎(chǔ)上，由外部進(jìn)行導(dǎo)入。1.4本論文所涉及內(nèi)容本論文主要是將作者在制作本Flash網(wǎng)站中的一些技術(shù)層面上的問題一一寫出來，介紹整個(gè)網(wǎng)站的結(jié)構(gòu)布局，設(shè)計(jì)思路，最后寫出作者自己的感觸以及對(duì)幫助者的感謝。北京聯(lián)合大學(xué)畢業(yè)論文PAGE\*Arabic17第二章開發(fā)平臺(tái)與所用技術(shù)2.1開發(fā)工具本網(wǎng)站的開發(fā)工具為AdobeFlashCS5.5Professional和AdobePhotoshopCS4Professional。2.1.1AdobeFlashCS5.5ProfessionalAdobeFlash（原稱MacromediaFlash，簡稱Flash；前身FutureSplash），是美國Macromedia公司（現(xiàn)在已被Adobe公司收購）所設(shè)計(jì)的一種二維動(dòng)畫軟件。通常包括MacromediaFlash，用于設(shè)計(jì)和編輯Flash文檔，以及AdobeFlashPlayer，用于播放Flash文檔。2.1.2AdobePhotoshopCS4ProfessionalPhotoshop是Adobe公司旗下最為出名的圖像處理軟件之一。集圖像掃描、編輯修改、圖像制作、廣告創(chuàng)意，圖像輸入與輸出于一體。Photoshop的應(yīng)用領(lǐng)域很廣泛，在圖像、圖形、文字、視頻、出版各方面都有涉及。2.2所用技術(shù)本網(wǎng)站實(shí)現(xiàn)除了大量應(yīng)用了Flash對(duì)其主要框架以及效果的構(gòu)造制作，以及Photoshop對(duì)網(wǎng)站圖片的制作修改外，還使用了XML在Flash中的載入、讀取和解析。當(dāng)使用HTML顯示數(shù)據(jù)時(shí)，數(shù)據(jù)將被存儲(chǔ)在HTML中。通過XML，數(shù)據(jù)可以被單獨(dú)儲(chǔ)存在XML文件中。通過這種方法，你就可以一心一意地使用HTML對(duì)數(shù)據(jù)進(jìn)行排版和顯示，對(duì)基本數(shù)據(jù)的改變并不需要對(duì)HTML做出任何改變。通過使用XML，可以使用普通的文本文件儲(chǔ)存數(shù)據(jù)。XML可以在文件或數(shù)據(jù)庫中儲(chǔ)存數(shù)據(jù)。應(yīng)用軟件可以從已存儲(chǔ)的數(shù)據(jù)中儲(chǔ)存、獲取信息。一般的應(yīng)用軟件可以用于顯示數(shù)據(jù)。

第三章網(wǎng)站規(guī)劃3.1網(wǎng)站結(jié)構(gòu)圖Flash網(wǎng)站區(qū)別的普通的靜態(tài)網(wǎng)站，所以在結(jié)構(gòu)上小有所區(qū)別。但在在外觀上，區(qū)別于大多數(shù)靜態(tài)網(wǎng)站的規(guī)則布局。以獨(dú)特的樣式顯示，這樣可以使每一個(gè)游覽者可以更好的去感受網(wǎng)站所要表達(dá)的信息。本網(wǎng)站的結(jié)構(gòu)圖如圖3-1所示：引導(dǎo)頁加載數(shù)據(jù)主頁顯示導(dǎo)航條照片顯示音樂控制引導(dǎo)頁加載數(shù)據(jù)主頁顯示導(dǎo)航條照片顯示音樂控制圖3-1Flash網(wǎng)站的基本結(jié)構(gòu)3.2網(wǎng)站內(nèi)容本Flash網(wǎng)站共有3個(gè)Flash界面，主要內(nèi)容有：關(guān)于我們、照片、聯(lián)系我們這3個(gè)模塊，整個(gè)網(wǎng)站的內(nèi)容結(jié)構(gòu)如圖3-2所示主頁（照片展示）關(guān)于我們照片聯(lián)系我們主頁（照片展示）關(guān)于我們照片聯(lián)系我們主頁（照片展示）關(guān)于我們照片聯(lián)系我們主頁（照片展示）關(guān)于我們照片聯(lián)系我們圖3-2內(nèi)容規(guī)劃結(jié)構(gòu)圖3.3網(wǎng)站效果圖圖3-3為引導(dǎo)頁面，游覽者在欣賞完一段小動(dòng)畫后自動(dòng)進(jìn)入網(wǎng)站。該動(dòng)畫模仿鼠標(biāo)點(diǎn)擊的樣式，從一開始就給瀏覽者了一種視覺的沖擊，這樣可以使瀏覽者對(duì)接下瀏覽產(chǎn)生很強(qiáng)的興趣。圖3-3引導(dǎo)頁面圖3-4為主頁面。該頁面以一個(gè)相冊(cè)的形式呈現(xiàn)在瀏覽者的面前，不同于以往普通的靜態(tài)網(wǎng)站的格調(diào)布局，這種新鮮感的創(chuàng)新，不僅呈現(xiàn)了網(wǎng)站所要表達(dá)的主題，也將Flash網(wǎng)站的視覺沖擊展露無遺。而且，此時(shí)再配以背景音樂的渲染，使得效果更加完美。圖3-4主頁面圖3-5關(guān)于我們頁面，照片固然直觀，但是，卻比不上文字的細(xì)膩，所以，在介紹班級(jí)同學(xué)的這一塊，作者選擇了使用文字來進(jìn)行表達(dá)，瀏覽者在瀏覽的時(shí)候，可以拖動(dòng)文字旁邊的滾動(dòng)條來瀏覽相關(guān)的內(nèi)容。圖3-5關(guān)于我們頁面圖3-6為相冊(cè)頁面，前面也說到了，照片總是給人以最直觀的感受，所以，除了主頁面上的照片的外，這里是一個(gè)照片的詳細(xì)查看。瀏覽者不僅可以點(diǎn)擊主頁面上的照片進(jìn)入到相應(yīng)的照片內(nèi)容，也可以進(jìn)入相冊(cè)模塊，來進(jìn)行照片的瀏覽。圖3-6照片頁面圖3-7為聯(lián)系我們頁面，一個(gè)網(wǎng)站，必須要有一個(gè)聯(lián)系的方式，這樣既有利于網(wǎng)站今后的維護(hù)與發(fā)展，也有利于了解瀏覽者的建議以及意見。本Flash網(wǎng)站的聯(lián)系模塊是讓瀏覽者輸入瀏覽者的相關(guān)聯(lián)系方式和對(duì)網(wǎng)站的建議意見，或其他留言，然后通過發(fā)送到作者的郵箱來實(shí)現(xiàn)的。圖3-7聯(lián)系我們頁面

第四章網(wǎng)站程序?qū)崿F(xiàn)4.1整體設(shè)計(jì)本Flash網(wǎng)站的主題是對(duì)班級(jí)的回憶以及展示，介于Flash網(wǎng)站它不受限于傳統(tǒng)靜態(tài)網(wǎng)站的布局格式。本網(wǎng)站采取了一個(gè)以晾曬照片為主要背景的一種方式。設(shè)計(jì)新穎，瀏覽者可以在初次進(jìn)入網(wǎng)站就有種眼前一亮的感覺。而照片總是可以給人以最直觀的感受，再輔以背景音樂，可以使瀏覽者切身體會(huì)到作者班級(jí)的氛圍，仿佛置身于當(dāng)年的學(xué)生時(shí)代。這種設(shè)計(jì)將本網(wǎng)站所要表達(dá)的信息可以很好的表達(dá)出來。當(dāng)然了，在直觀的照片給予瀏覽者一定的了解后，文字部分可以讓瀏覽者了解更多有關(guān)作者班級(jí)的信息。最后的一個(gè)聯(lián)系途徑，可以讓瀏覽者留下自己的聯(lián)系發(fā)與作者的郵箱，便于今后的交流。4.2網(wǎng)站設(shè)計(jì)4.2.1引導(dǎo)頁設(shè)計(jì)引導(dǎo)頁的作用：Flash動(dòng)畫能帶來視覺的沖擊！本網(wǎng)站的引導(dǎo)動(dòng)畫實(shí)為一個(gè)逐幀動(dòng)畫，模仿鼠標(biāo)點(diǎn)擊，打開網(wǎng)頁的效果！。大致的設(shè)計(jì)步驟如下：1.新建Flash文檔，命名為index.fla。2.創(chuàng)建766×750的背景，將背景圖片（bg1.png）導(dǎo)入到庫中，將圖片放與舞臺(tái)中央。3.新建一個(gè)圖層，命名為mouse，制作一個(gè)鼠標(biāo)的樣子和鼠標(biāo)經(jīng)過的時(shí)候殘影的圖樣，在第28幀和第87幀間每一幀定義為關(guān)鍵幀，在此區(qū)間定義鼠標(biāo)從背景右下角移動(dòng)至中間的每一個(gè)位置。在每一幀做相應(yīng)的設(shè)計(jì)即可。4.2.2導(dǎo)航的設(shè)計(jì)導(dǎo)航的作用：一個(gè)網(wǎng)站必須需要一個(gè)導(dǎo)航條，這樣才能方便瀏覽者去查看想查看的內(nèi)容，F(xiàn)lash網(wǎng)站雖然在外觀形式上不拘一格，但是，依舊需要一個(gè)導(dǎo)航條。本Flash網(wǎng)站的導(dǎo)航條為一個(gè)逐幀動(dòng)畫，三個(gè)導(dǎo)航按鈕，依次出來。每個(gè)按鈕分配有鼠標(biāo)交互功能，即點(diǎn)擊，并放開鼠標(biāo)后，出現(xiàn)的交互動(dòng)畫！點(diǎn)擊后，要進(jìn)入相應(yīng)的頁面，大致的設(shè)計(jì)步驟如下：1制作一個(gè)菜單的元件（menu2），里面分別添加三個(gè)按鈕的圖層（item1、item2、item3），制作后如圖4-1所示：圖4-1添加圖層2給這三個(gè)按鈕分別寫入相應(yīng)的代碼，這里以關(guān)于我們?yōu)槔▓D4-2）：2.1_root.gotoAndPlay("s1");//主時(shí)間軸跳轉(zhuǎn)到"s1"2.2分別給三個(gè)參數(shù)（在主時(shí)間軸第一幀已經(jīng)定于并且賦值）_root.url="pages1";//傳遞參數(shù)，對(duì)應(yīng)庫里的標(biāo)志符為pages1的電影剪輯（MC），即主時(shí)間軸attachMovie電影剪輯pages1到主舞臺(tái)！_root.x_=140;_root.y_=200;//此兩變量，當(dāng)pages賦值到舞臺(tái)后（_root），設(shè)置其x和y坐標(biāo)圖4-2關(guān)于我們按鈕的代碼4.2.3滾動(dòng)條的設(shè)計(jì)滾動(dòng)條的作用：關(guān)于我們的頁面中，在對(duì)班級(jí)同學(xué)進(jìn)行介紹的時(shí)候，一個(gè)小小的頁面加載那么多字?jǐn)?shù)的文本后，難以查閱，這對(duì)瀏覽者來說是一個(gè)不方便地方。所以，一個(gè)文本的滾動(dòng)條在這里就顯得尤為重要。滾動(dòng)條的設(shè)計(jì)過程如下：創(chuàng)建動(dòng)態(tài)文本框，命名為abouttxt.（圖4-3）圖4-3動(dòng)態(tài)文本框abouttxt2.在文件夾根目錄下創(chuàng)建xml文件命名為contents.xml，并在影片剪輯關(guān)于我們2的圖層2幀1上寫下如下代碼：activity=newXML();activity.load("contents.xml");activity.ignoreWhite=true;activity.onLoad=function(success){if(success){ varnews:XMLNode=this.firstChild; abouttxt.htmlText=news.childNodes[0]; abouttxt.height=1000; }}3．打開contents.xml，并設(shè)置動(dòng)態(tài)文本框abouttxt的html里面的Text內(nèi)容為contents.xml文件中第一個(gè)節(jié)點(diǎn)的內(nèi)容。4.選中動(dòng)態(tài)文本框abouttxt，然后打開組件面板，將窗口—組件—Interface里面的UIScrollBar組件（圖4-5）拖動(dòng)到動(dòng)態(tài)文本框abouttxt上，然后調(diào)整UIScrollBar的位置即可。圖4-5UIScrollBar組件4.2.4XML外部載入實(shí)現(xiàn)XML外部導(dǎo)入的作用：對(duì)于一個(gè)網(wǎng)站，里面肯定有著許多的信息，無論圖片還是文字，而對(duì)于AS2.0，最好的數(shù)據(jù)處理就是xml，本Flash網(wǎng)站，也是利用xml數(shù)據(jù)格式。為了便于修改，用了txt文本裝載。大致的設(shè)計(jì)步驟如下：1．先編輯好xml樹結(jié)構(gòu)，如下所示：<?xmlversion="1.0"encoding="UTF-8"?><gallery><imagesurl="images/1.jpg"></images><imagesurl="images/2.jpg"></images><imagesurl="images/3.jpg"></images><imagesurl="images/4.jpg"></images><imagesurl="images/5.jpg"></images><imagesurl="images/6.jpg"></images><imagesurl="images/7.jpg"></images><imagesurl="images/8.jpg"></images><abouturl1="images/a1.jpg"url2="images/a2.jpg"url3="images/a3.jpg"></about><contacturl1="images/c1.jpg"></contact></gallery>2數(shù)據(jù)處理部分（1）建立一個(gè)xml對(duì)象，并且忽視空白（即不將xml里的空格鍵當(dāng)成數(shù)據(jù)加載），下載幀1動(dòng)作里面，具體代碼如下所示：varphotoxml=newXML();photoxml.ignoreWhite=true;photoxml.load("data.txt");photoxml.onLoad=function(done){ if(done){ dataset(); com=true; }else{ trace("lost"); }};（2）通過自定義dataset()函數(shù)處理數(shù)據(jù)，本Flash網(wǎng)站的xml只采取一個(gè)層級(jí)，所以，只需用到一個(gè)for循環(huán)，即可將所有數(shù)據(jù)讀取并且裝載到相應(yīng)的數(shù)組，相關(guān)代碼如下：functiondataset(){ varlist=photoxml.firstChild.childNodes; listlen=list.length; trace(listlen); for(k=0;k<=listlen;k++){ if(k<=7){ phobox[k]=list[k].attributes.url; }elseif(k==8){ trace("關(guān)于我們讀取成功"); aboutbox[0]=list[8].attributes.url1; trace(aboutbox[0]); aboutbox[1]=list[8].attributes.url2; aboutbox[2]=list[8].attributes.url3; }elseif(k==9){ trace("聯(lián)系我們讀取成功"); contactbox[0]=list[9].attributes.url1; } }}（3）onLoad方法的功能。通過onLoad方法，偵聽xml內(nèi)容是否加載完畢，當(dāng)加載完畢后，運(yùn)行dataset()自定義函數(shù)并且處理數(shù)據(jù)。4.2.5相冊(cè)的翻頁設(shè)計(jì)相冊(cè)的作用：本Flash網(wǎng)站介于是對(duì)班級(jí)的介紹，而照片是可以讓瀏覽者最直觀的了解信息的途徑之一，而且本Flash網(wǎng)站的就是以一個(gè)曬照片的外觀作為背景，所以相冊(cè)即是本Flash網(wǎng)站一個(gè)亮點(diǎn)之所在。本Flash網(wǎng)站相冊(cè)一次顯示4張照片，表現(xiàn)了Flash在交互動(dòng)畫方面的強(qiáng)大功能。本Flash網(wǎng)站相冊(cè)大致設(shè)計(jì)過程如下：1動(dòng)畫的制作和排版如圖4-6所示：圖4-6相冊(cè)影片剪輯時(shí)間軸這里面photo1到photo4為4個(gè)空白的電影剪輯，主要用來加載相片；分別命名為pics1，pics2，pics3，pics4；as層為代碼層；3個(gè)masker層，為遮罩動(dòng)畫。2代碼的控制（1）圖片的加載pics1.loadMovie(_root.phobox[_parent.m1]);Pics2.loadMovie(_root.phobox[_parent.m2]);Pics3.loadMovie(_root.phobox[_parent.m3]);Pics4.loadMovie(_root.phobox[_parent.m4]);//此處的代碼，是分別給4個(gè)空白電影剪輯加載4張圖片！其中變量_parent.m1，_parent.m2，_parent.m3，_parent.m4的初始值為，0，1，2，3（2）翻頁的控制：stop();//在此幀停止播放，并運(yùn)行一下代碼。_parent.m1++;if(_parent.m1>=8){ _parent.m1=0;}_parent.m2++;if(_parent.m2>=8){ _parent.m2=0;}_parent.m3++;if(_parent.m3>=8){ _parent.m3=0;}_parent.m4++;if(_parent.m4>=8){ _parent.m4=0;}//_parent.m1，_parent.m2，_parent.m3，_parent.m4每次都遞增1，當(dāng)大于或等于8的時(shí)候，重新賦值為0，（3）按鈕的控制：按鈕的控制非常簡單，每次點(diǎn)擊，都跳轉(zhuǎn)到第一幀，并重新播放。on(release){ gotoAndPlay(1);}4.2.6郵件發(fā)送的實(shí)現(xiàn)聯(lián)系的作用：一個(gè)網(wǎng)站，為了可以和用戶瀏覽者有更好的交流，需要留下一些聯(lián)系的方式，本Flash網(wǎng)站也不例外。網(wǎng)站專門設(shè)置了一個(gè)聯(lián)系的模塊，方便瀏覽者與網(wǎng)站制作者進(jìn)行聯(lián)系，留言。該模塊設(shè)置理念是瀏覽者將自己的相關(guān)信息和留言內(nèi)容輸入后，通過發(fā)送，可以將內(nèi)容直接發(fā)送到作者郵箱，這樣，作者可以通過瀏覽者留下的聯(lián)系方式與瀏覽者進(jìn)行聯(lián)系，也可以就瀏覽者的留言對(duì)網(wǎng)站的合理化建議或其它種種對(duì)網(wǎng)站進(jìn)行相關(guān)的修改與更新，總之，聯(lián)系是一個(gè)網(wǎng)站不可或缺的一個(gè)因素。本Flash網(wǎng)站的聯(lián)系設(shè)計(jì)大致如下：1.分別創(chuàng)建動(dòng)動(dòng)態(tài)文本框Username,Useremail,UserTel,Usermessage(圖4-7)。圖4-7創(chuàng)建動(dòng)態(tài)文本框2.然后創(chuàng)建重寫按鈕與發(fā)送按鈕(圖4-8)圖4-8創(chuàng)建重寫按鈕3.選中重寫按鈕然后寫入代碼，當(dāng)重寫按鈕按下時(shí)，動(dòng)態(tài)文本框中的text值都變?yōu)榭眨_(dá)到清空效果。所以在重寫按鈕中寫下如下代碼：on(press){ username.text=""; useremail.text=""; usertel.text=""; usermessage.text=""; }4.選中發(fā)送按鈕然后寫入代碼（與重寫安鈕一樣）當(dāng)發(fā)送按鈕按下時(shí)，動(dòng)態(tài)文本框username的text值賦值給變量username,動(dòng)態(tài)文本框useemail的text值賦值給變量useremail,動(dòng)態(tài)文本框usetel的text值賦值給變量usertel,動(dòng)態(tài)文本框usemessage的text值賦值給變量usermessage。然后將四個(gè)變量賦值給Contact.asp的四個(gè)參數(shù)。發(fā)送按鈕的代碼如下所示：on(press){ username=username.text; useremail=useremail.text; usertel=usertel.text; usermessage=usermessage.text; url="Contact.asp?name="+username+"&tel="+usertel+"&email="+useremail+"&message="+usermessage; getURL(url,"_self"); }5.在Contact.asp文件中，讀取四個(gè)參數(shù)，然后通過Jmail組件，發(fā)送到指定郵箱中。4.2.7背景音樂的控制背景音樂的作用：Flash除了在視覺上給人以沖擊之外，在聽覺上也給人一種享受，本Flash網(wǎng)站為了給瀏覽者渲染一種更好的氛圍，特意設(shè)置了背景音樂。這樣，瀏覽者在瀏覽網(wǎng)頁的途中，不但可以感受到Flash帶來的視覺體驗(yàn)，也能在聽覺上，得到不一樣的享受。當(dāng)然了，所謂眾口難調(diào)，本Flash網(wǎng)站就這人性化的特點(diǎn)，在背景音樂的控制上，制作了音樂的開關(guān)，歌曲的選擇，盡最大程度的滿足瀏覽者群體。背景音樂的大致設(shè)計(jì)步驟如下：1.初始化：首先在動(dòng)畫的第一幀建立聲音對(duì)象，并加載聲音，并播放，如下代碼varmysound=newSound();mysound.loadSound("bgsound/1.mp3",true);mysound.start();2.聲音的控制：建立4個(gè)按鈕和一個(gè)音頻動(dòng)畫電影剪輯，如圖4-9所示：圖4-9音樂開關(guān)和控制按鈕其中關(guān)閉音樂按鈕是停止聲音的播放，并且停止音頻動(dòng)畫電影剪輯（命名為：equalizer）的播放，代碼如下：on(release){ gotoAndStop(2); _root.soundstatus="off"; equalizer.gotoAndStop(2);};1，2，3這三個(gè)按鈕，是切換聲音的，代碼如下所示：on(release){ _root.mysound.loadSound("bgsound/1.mp3",true); _root.mysound.start();}on(release){ _root.mysound.loadSound("bgsound/2.mp3",true); _root.mysound.start();}on(release){ _root.mysound.loadSound("bgsound/3.mp3",true); _root.mysound.start();}4.2.8進(jìn)度條的實(shí)現(xiàn)進(jìn)度條的作用：當(dāng)網(wǎng)站的規(guī)模達(dá)到一定的時(shí)候，加載文件就需要一定的時(shí)間，所以，一個(gè)進(jìn)度條，可以讓網(wǎng)站在加載的時(shí)候有一個(gè)動(dòng)畫的顯示，這樣可以讓瀏覽者有一個(gè)等待的過程，不至于離開瀏覽，所以，一個(gè)進(jìn)度條的設(shè)置就顯得尤其重要，下面是本Flash進(jìn)度條的大致設(shè)計(jì)步驟：1．制作一個(gè)進(jìn)度條的外觀動(dòng)作如圖4-10所示：圖4-10進(jìn)度條的外觀2.在影片剪輯preloader_main中填入如下代碼：onClipEvent(load){ total=_root.getBytesTotal();}onClipEvent(enterFrame){ loaded=_root.getBytesLoaded(); percent=int(loaded/total*100); text=percent+"%"; //trace(percent) this.gotoAndStop(percent); if(loaded==total&&total>380&&a<>1&&_==true){ a=1; _root.gotoAndPlay("s8"); }}

Flash發(fā)布Flash發(fā)布是整個(gè)Flash網(wǎng)站制作的最后一步，F(xiàn)lash網(wǎng)站畢竟要是在游覽器中顯示的，所以最后這一步也顯得極為重要。本Flash網(wǎng)站由于是在一個(gè).fla文件中制作的，所以只需要發(fā)布一個(gè)文件即可。1.選擇“文件”中的“發(fā)布設(shè)置”，如圖5-1所示：圖5-1發(fā)布設(shè)置2．發(fā)布以后，在發(fā)布的html文件中的<body></body>添加一段代碼，保證網(wǎng)頁顯示在屏幕中央，一些不需要顯示的東西隱藏起來，具體代碼如下：<tablewidth="100%"border="0"cellspacing="0"cellpadding="0"align="center">北京聯(lián)合大學(xué)畢業(yè)論文PAGE\*Arabic24第六章總結(jié)6.1個(gè)人總結(jié)本次畢業(yè)設(shè)計(jì)，也是我大學(xué)學(xué)習(xí)里面的最后一個(gè)“作業(yè)”。在老師和同學(xué)的幫助下，磕磕碰碰，跌跌撞撞的總算完成了。雖然Flash并不是我所擅長的，而且學(xué)校的課程中也沒有這門課。但是，既然接下來了這個(gè)任務(wù)，就必須將它完成好。也許這次設(shè)計(jì)是我這四年以來最好的一個(gè)設(shè)計(jì)作品。我盡我所能，從網(wǎng)絡(luò)，書籍中找尋如何制作Flash的方法。我很用心地去學(xué)、去查、去問、去做、去寫，這期間我獲得了不小的進(jìn)步，加深了對(duì)Flash的理解，以及對(duì)制作網(wǎng)站的熟練度?？墒菚r(shí)間的問題，技術(shù)的問題，以及一些客觀原因。我制作的Flash網(wǎng)站有著許多粗糙不足的地方，沒有達(dá)到我最初希望的那樣好。但是，這里面有著我的汗水，我的投入，我希望這次設(shè)計(jì)能得到最后評(píng)審老師的認(rèn)可。在程序方面，我制作的這個(gè)網(wǎng)站還可以繼續(xù)改進(jìn)。網(wǎng)站的內(nèi)容可以更加的豐富，動(dòng)畫的表達(dá)方式可以更加豐富，對(duì)于功能方面，還可以加入一些內(nèi)容，比如全屏的設(shè)計(jì)等等，可是，時(shí)間的原因，來不及制作了，這也是我這次設(shè)計(jì)中的遺憾。在論文方面，還有很多的技術(shù)點(diǎn)沒有詳細(xì)說明與介紹；已寫出的技術(shù)也應(yīng)該可以寫得更加詳細(xì)；圖片部分應(yīng)該可以做得更加精致美觀；最后是文字部分，很多地方我的表達(dá)還是不夠好，應(yīng)該可以做的更好。畢業(yè)將至，以上諸般的遺憾與想法，可能都將無法再改變了，但看到我的作品完成，我還是有一種小小的成就成就感。這是我的第一個(gè)Flash網(wǎng)站，雖然沒有完全完成，但是還是實(shí)現(xiàn)了大部分的功能。論文雖然寫得不夠詳細(xì)明了，但這篇文章詳細(xì)記錄了我的制作過程以及我的種種感觸。希望在今后進(jìn)入社會(huì)以后，這次的設(shè)計(jì)能給我一種鼓勵(lì)與支持，只要用心，努力，下功夫，沒有什么事情能難倒我的。6.2制作過程中遇到的問題和解決方法1.外部加載Xml中的中文字體無法在Flash中正確顯示，發(fā)現(xiàn)了這一個(gè)問題以后，我去了網(wǎng)站上找尋解決方法。可是始終無法解決，后來在老師的幫助下，發(fā)現(xiàn)了一個(gè)小細(xì)節(jié)沒有注意到，首先，要把Xml編碼格式改為UTF-8,這點(diǎn)網(wǎng)站上有很多說明，但是，有一個(gè)關(guān)鍵點(diǎn)是，在保存Xml文件的時(shí)候，不能簡簡單單單獨(dú)點(diǎn)擊一個(gè)保存，要另存為，在存儲(chǔ)格式里面也要選擇UTF-8，這個(gè)小小的關(guān)鍵點(diǎn)取決于最后是否能夠正確的加載。2.代碼的書寫位置不正確，在制作按鈕的過程中，經(jīng)常在編輯完按鈕，開始往里面添加代碼的時(shí)候，發(fā)生了按鈕依舊沒有作用的效果，后來，經(jīng)過我上網(wǎng)查詢資料和求助于老師和同學(xué)，我知道了原來按鈕的代碼要直接寫在按鈕上，而不是單單的直接寫在幀的上面，這一點(diǎn)直接取決于按鈕的作用是否能實(shí)現(xiàn)。6.3網(wǎng)站改進(jìn)方向本Flash網(wǎng)站雖然實(shí)現(xiàn)了幾個(gè)基本的功能，但是，全屏的功能沒有能夠?qū)崿F(xiàn)，這是一個(gè)遺憾，也是本Flash網(wǎng)站今后可以更新完善的地方。至于網(wǎng)站的內(nèi)容，還可以更加豐富，這次是時(shí)間的因素，沒有來的及取材，這也是一個(gè)改進(jìn)的方向。網(wǎng)站的背景也許有些單調(diào)，今后可以改進(jìn)一下，使得整體看起來更加生動(dòng)形象。Flash網(wǎng)站的搜索引擎本次因?yàn)闀r(shí)間的原因，沒有來得及制作。Flash網(wǎng)站的搜索引擎由于它自身的原因，難以優(yōu)化。所以，今后可以考慮并解決Flash網(wǎng)站的SEO(SearchEngineOptimization)問題。

參考文獻(xiàn)[1]周從軍.XML程序設(shè)計(jì)[M].天津大學(xué)出版社，2008.8[2]顏金沙.閃客實(shí)戰(zhàn)—flash高級(jí)編程[M].電子工業(yè)出版社，2010.7[3]龍曉苑.FlashAS3.0動(dòng)畫制作[M].清華大學(xué)出版社，2008.5[4]朱志國.FlashActionScript3.0編》程技術(shù)教程[M].清華大學(xué)出版社，2009.6[5]田啟明.FlashCS3平面動(dòng)畫制作案例教程與實(shí)訓(xùn)[M].北京出版社，2008.3[6]方晨.PhotoshopCS3中文版標(biāo)準(zhǔn)教程[M].上?？茖W(xué)普及出版社，2009.6[7]何錚.網(wǎng)站設(shè)計(jì)手冊(cè)[M].中國水利水電出版社，2009.8[8]張春龍.網(wǎng)頁制作工具教程[M].中國電力出版社，2008.1[9]王汝義.Flash網(wǎng)站建設(shè)技術(shù)精粹[M].人民郵電出版社，2007.4[10]張楠.網(wǎng)頁設(shè)計(jì)基礎(chǔ)教程與上機(jī)指導(dǎo)[M].清華大學(xué)出版社，2006.11

致謝首先感謝我的指導(dǎo)老師蔣春梅老師對(duì)我的循循善誘和細(xì)心教導(dǎo)，她嚴(yán)謹(jǐn)?shù)闹螌W(xué)態(tài)度、對(duì)問題不解決決不罷休的態(tài)度以及對(duì)我們的耐心深深感染著我，這將為我今后進(jìn)入社會(huì)，面對(duì)未知道路上的種種提供了無盡的幫助。當(dāng)然，也要感謝所有關(guān)心過和幫助過我的老師與同學(xué)，因?yàn)槟銈?，我的設(shè)計(jì)才能如此順利的完成。

附錄html文件代碼：<html><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"><title>我的班級(jí)</title></head><body><tablewidth="100%"border="0"cellspacing="0"cellpadding="0"align="center"><tr><tdalign="center"><objectclassid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"codebase="/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0"width="766"height="750"><paramname="movie"value="index.swf"><paramname="quality"value="high"><embedsrc="index.swf"quality="high"pluginspage="/go/getflashplayer"type="application/x-shockwave-flash"width="766"height="750"></embed></object></td></tr></table></body></html>圖層1幀1代碼stop();varck=0;varcon=false;varcom=false;varconk=0;varurl="xc";varx_=373;vary_=370;//Stage.align="TL";Stage.scaleMode="noScale";varphobox:Array=newArray();varaboutbox:Array=newArray();varcontactbox:Array=newArray();varphotoxml=newXML();photoxml.ignoreWhite=true;photoxml.load("data.txt");photoxml.onLoad=function(done){ if(done){ dataset(); com=true; }else{ trace("lost"); }};functiondataset(){ varlist=photoxml.firstChild.childNodes; listlen=list.length; trace(listlen); for(k=0;k<=listlen;k++){ if(k<=7){ phobox[k]=list[k].attributes.url; }elseif(k==8){ trace("關(guān)于我們讀取成功"); aboutbox[0]=list[8].attributes.url1; trace(aboutbox[0]); aboutbox[1]=list[8].attributes.url2; aboutbox[2]=list[8].attributes.url3; }elseif(k==9){ trace("聯(lián)系我們讀取成功"); contactbox[0]=list[9].attributes.u