網(wǎng)頁(yè)設(shè)計(jì)flash+xml網(wǎng)站畢業(yè)設(shè)計(jì)

1、<p>　　畢業(yè)設(shè)計(jì)（項(xiàng)目報(bào)告）</p><p>　　題 目： 網(wǎng)頁(yè)設(shè)計(jì)工作室flash+xml網(wǎng)站 </p><p>　　指導(dǎo)教師： XX 職稱(chēng)： 講師 </p><p>　　學(xué)生姓名： XXX 學(xué)號(hào)： 20087750512 </p><p>

2、;　　專(zhuān) 業(yè)： 計(jì)算機(jī)科學(xué)與技術(shù)（軟件開(kāi)發(fā).net方向） </p><p>　　院（系）： 軟件學(xué)院 </p><p>　　完成時(shí)間： 2011年12月20日 </p><p>　　2011年 12月 20日</p><p&g

3、t;<b>　　目錄</b></p><p><b>　　1項(xiàng)目開(kāi)發(fā)目標(biāo)3</b></p><p>　　1.1.項(xiàng)目來(lái)源3</p><p>　　1.2.開(kāi)發(fā)目標(biāo)3</p><p><b>　　2項(xiàng)目總體設(shè)計(jì)4</b></p><p>　　2.1.

4、技術(shù)框架設(shè)計(jì)4</p><p>　　2.2.功能模塊設(shè)計(jì)4</p><p><b>　　2.2.1首頁(yè)4</b></p><p>　　2.2.2關(guān)于我5</p><p>　　2.2.3我的日志5</p><p>　　2.2.4平時(shí)收集5</p><p>　　2.

5、2.5感謝你們5</p><p>　　2.2.6聯(lián)系我6</p><p><b>　　2.2.7博客6</b></p><p><b>　　3項(xiàng)目功能描述7</b></p><p>　　3.1.加載環(huán)境7</p><p><b>　　3.2.首頁(yè)7<

6、;/b></p><p><b>　　3.3.關(guān)于我7</b></p><p>　　3.4.我的日志7</p><p>　　3.5.平時(shí)收集8</p><p>　　3.5.1網(wǎng)頁(yè)截圖8</p><p><b>　　3.5.2平面8</b></p>

7、<p>　　3.6.感謝你們8</p><p><b>　　3.7.聯(lián)系我9</b></p><p><b>　　3.8 博客9</b></p><p>　　4項(xiàng)目技術(shù)總結(jié)10</p><p>　　4.1技術(shù)創(chuàng)新及特點(diǎn)10</p><p>　　4.1.1

8、技術(shù)創(chuàng)新10</p><p>　　4.1.2技術(shù)特點(diǎn)10</p><p>　　4.2個(gè)人收獲與體會(huì)10</p><p><b>　　1項(xiàng)目開(kāi)發(fā)目標(biāo)</b></p><p><b>　　1.1.項(xiàng)目來(lái)源</b></p><p><b>　　本項(xiàng)目是自選題目<

9、;/b></p><p><b>　　1.2.開(kāi)發(fā)目標(biāo)</b></p><p>　　以計(jì)算機(jī)、網(wǎng)絡(luò)為特征的信息社會(huì)深深改變了人們的生活方式，商業(yè)化的Internet自崛起開(kāi)始便爆炸式的發(fā)展至世界各地，成為新的傳播媒體。全球各行各業(yè)紛紛利用互聯(lián)網(wǎng)建立自己的Web站點(diǎn)，吐納著信息潮流，競(jìng)爭(zhēng)日益激烈。這就是網(wǎng)站傳達(dá)效率的競(jìng)爭(zhēng)。</p><p>

10、　　數(shù)字媒體時(shí)代的到來(lái)，使人們不在滿(mǎn)足于簡(jiǎn)單直接的信息傳達(dá)，人們渴望在接受信息的同時(shí)能夠帶來(lái)一種視覺(jué)享受。Flash網(wǎng)站能幫助企業(yè)在激烈的商業(yè)競(jìng)爭(zhēng)中全面、動(dòng)態(tài)的展示企業(yè)的優(yōu)勢(shì)與產(chǎn)品特點(diǎn)，讓瀏覽者在輕松、有趣的視覺(jué)感受中，以最短的時(shí)間了解企業(yè)資訊。Flash是目前在網(wǎng)絡(luò)應(yīng)用中最好的多媒體動(dòng)畫(huà)，強(qiáng)烈的視覺(jué)沖擊力給瀏覽者帶來(lái)全新的感受，更易留下深刻的印象，能夠極好的達(dá)到理想的宣傳效果，全力營(yíng)造出美侖美化的企業(yè)形象。</p>&l

11、t;p>　　綜合來(lái)說(shuō)，F(xiàn)lash網(wǎng)站是一種藝術(shù)與技術(shù)相結(jié)合產(chǎn)物。Flash網(wǎng)站是以藝術(shù)介入技術(shù)層面來(lái)達(dá)到視覺(jué)推廣的目的，這樣的好處是能夠更好的針對(duì)目標(biāo)人群，把商品的檔次、適應(yīng)人群，以藝術(shù)效果的形式體現(xiàn)出來(lái)。</p><p>　　隨著互聯(lián)網(wǎng)帶寬的不斷增加和Flash對(duì)互聯(lián)網(wǎng)的影響力的不斷增強(qiáng)，人們已經(jīng)認(rèn)可在HTML頁(yè)面上加入一些Flash的元素會(huì)使頁(yè)面更生動(dòng)形象。自從2000年以后，開(kāi)始不斷涌現(xiàn)全Flash網(wǎng)

12、站，但人們對(duì)他的認(rèn)識(shí)并不是很深，大部分人會(huì)認(rèn)為Flash網(wǎng)站會(huì)影響訪(fǎng)問(wèn)的速度。在Flash發(fā)展初期和帶寬有限的情況下確實(shí)存在這種現(xiàn)象，隨著計(jì)算機(jī)網(wǎng)絡(luò)的發(fā)展，傳輸速率加快，這一現(xiàn)狀也將得到解決。目前Flash網(wǎng)站在較多應(yīng)用于企業(yè)產(chǎn)品文化推廣，或者自身業(yè)務(wù)宣傳，在較少部分也有個(gè)人、風(fēng)景、音樂(lè)類(lèi)純藝術(shù)Flash網(wǎng)站。</p><p>　　基于上述，此項(xiàng)目主要用于對(duì)個(gè)人資料，經(jīng)歷等資料進(jìn)行介紹，日志，作品的發(fā)布分享以及展

13、示，及有相同愛(ài)好的朋友提供聯(lián)系的個(gè)人網(wǎng)站</p><p><b>　　2項(xiàng)目總體設(shè)計(jì)</b></p><p>　　2.1.技術(shù)框架設(shè)計(jì)</p><p>　　根據(jù)網(wǎng)站配色資料指導(dǎo)，應(yīng)用photoshop5對(duì)各類(lèi)圖片素材進(jìn)行編輯處理，用Dreamweaver對(duì)javascript代碼以及xml文件進(jìn)行編寫(xiě)，最后在flash5.5環(huán)境下，根據(jù)Acti

14、onscript編寫(xiě)實(shí)現(xiàn)對(duì)外部的xml文件進(jìn)行讀取。</p><p>　　配色是每個(gè)網(wǎng)站首先考慮的部分，好的配色方案可以影響網(wǎng)站布局和諧美觀(guān)，吸引瀏覽者；photoshop5強(qiáng)大的圖片處理功能，提供處理網(wǎng)站的logo，圖標(biāo)，以及一些內(nèi)容圖片；dreamweaver是網(wǎng)站布局設(shè)計(jì)的首選環(huán)境，不僅各種視圖使用方便而且提供強(qiáng)大的聯(lián)想功能；javascript對(duì)普遍使用的腳本工具對(duì)本網(wǎng)站留言進(jìn)行內(nèi)容驗(yàn)證；flash5.5

15、是最新的flash編輯環(huán)境，通過(guò)對(duì)舞臺(tái)，角色控制，以及各種動(dòng)畫(huà)的控制，完成整個(gè)頁(yè)面的靜態(tài)設(shè)計(jì)。Actionscript是flash中的語(yǔ)言，可以實(shí)現(xiàn)比較復(fù)雜的動(dòng)畫(huà)效果，與用戶(hù)交互部分，xml文件此時(shí)可以看做是一個(gè)小型的數(shù)據(jù)庫(kù)，比如圖片地址，但同時(shí)一些參數(shù)同樣寫(xiě)在其中。</p><p>　　2.2.功能模塊設(shè)計(jì)</p><p>　　本項(xiàng)項(xiàng)目共有7個(gè)一級(jí)模塊，分別是首頁(yè)，關(guān)于我，我的日志，平日

16、搜集，感謝你們，聯(lián)系我，博客；2個(gè)二級(jí)模塊，是平日搜集中得網(wǎng)頁(yè)截圖，平面。</p><p>　　圖1 功能模塊樹(shù)形圖</p><p><b>　　2.2.1首頁(yè)</b></p><p>　　搜集的優(yōu)秀圖片或者照片進(jìn)行展示，欄目包括兩個(gè)自動(dòng)進(jìn)行圖片及注解定時(shí)切換，左右暫停按鈕控制圖片的瀏覽</p><p>　　其中圖片及注

17、解瀏覽自動(dòng)播放主要用于解說(shuō)對(duì)一些個(gè)人比較滿(mǎn)意或者特別有感觸的圖片進(jìn)行展示，可以看做是幻燈片式的圖片切換展示。</p><p>　　左右按鈕暫?？刂?，當(dāng)用戶(hù)對(duì)播放形式速度想有自己的操作時(shí)，可以點(diǎn)擊相應(yīng)按鈕進(jìn)行控制，當(dāng)點(diǎn)擊左右按鈕是可以進(jìn)行向前向后的圖片切換，點(diǎn)擊暫停，開(kāi)始時(shí)控制圖片展示的自動(dòng)播放。此外如果用戶(hù)鼠標(biāo)移出圖片展示范圍時(shí)，則自動(dòng)隱藏按鈕。</p><p><b>　　2.

18、2.2關(guān)于我</b></p><p>　　對(duì)我自己進(jìn)行展示介紹以及資料展示，欄目包括個(gè)人信息瀏覽；滾動(dòng)條牽引瀏覽隱藏內(nèi)容</p><p>　　展示個(gè)人信息，對(duì)本人的信息進(jìn)行展示，供瀏覽者進(jìn)行閱覽</p><p>　　滾動(dòng)條牽引瀏覽隱藏內(nèi)容的作用是當(dāng)瀏覽者閱讀完本頁(yè)內(nèi)容后，點(diǎn)擊滾動(dòng)條可以瀏覽下放被隱藏的個(gè)人信息內(nèi)容，此外當(dāng)用戶(hù)鼠標(biāo)經(jīng)過(guò)滾動(dòng)條時(shí)，則滾動(dòng)條變寬

19、加長(zhǎng)。</p><p><b>　　2.2.3我的日志</b></p><p>　　進(jìn)行日志的選擇，詳細(xì)瀏覽功能，其中包括鼠標(biāo)經(jīng)過(guò)自動(dòng)進(jìn)行上滾下滾得日志列表；展示日志時(shí)超出指定高度時(shí)，出現(xiàn)鼠標(biāo)經(jīng)過(guò)會(huì)變化滾動(dòng)條。</p><p>　　日志列表部分中頁(yè)面加載后是靜止的，但是當(dāng)瀏覽者鼠標(biāo)經(jīng)過(guò)時(shí)，如果靠近上部，則自動(dòng)動(dòng)態(tài)的向上滾動(dòng)，顯示上部分被隱藏的列

20、表信息，如果靠近下部分效果同樣。</p><p>　　點(diǎn)擊后進(jìn)入詳細(xì)信息，如果比部分的日志內(nèi)容超過(guò)指定的遮罩層寬度，則出現(xiàn)滾動(dòng)條，同時(shí)用戶(hù)經(jīng)過(guò)滾動(dòng)條時(shí)滾動(dòng)條發(fā)生變化，上下拉動(dòng)式時(shí)牽引內(nèi)容滾動(dòng)。</p><p><b>　　2.2.4平時(shí)收集</b></p><p><b>　　網(wǎng)頁(yè)截圖</b></p><

21、;p>　　對(duì)曾經(jīng)設(shè)計(jì)，靜態(tài)化制作的網(wǎng)頁(yè)進(jìn)行截圖展示，包括自動(dòng)切換圖片、左右暫停按鈕控制播放、頭部前后按鈕控制圖片組的切換。</p><p>　　當(dāng)瀏覽者打開(kāi)此欄目時(shí)，網(wǎng)頁(yè)截圖自動(dòng)定時(shí)向左切換，如果遇到最后一張也會(huì)自動(dòng)跳到第一張，而且右部分打開(kāi)此圖片組的描述。</p><p>　　左右暫停按鈕控制播放，如果瀏覽者不滿(mǎn)意當(dāng)前瀏覽形式，或者想仔細(xì)看某一張圖片時(shí)，可以點(diǎn)擊左右按鈕控制，或者不

22、想要自動(dòng)瀏覽效果時(shí)，可以點(diǎn)擊暫?？刂?lt;/p><p>　　如果瀏覽者希望看下組的網(wǎng)頁(yè)截圖時(shí)，可以點(diǎn)擊頭部的向上向下按鈕進(jìn)行切換，同樣也是動(dòng)態(tài)的向左快速切換效果。</p><p><b>　　平面</b></p><p>　　對(duì)一些好的設(shè)計(jì)效果，或者有哲理的圖片進(jìn)行展示，模塊包括自動(dòng)切換圖片、左右暫停按鈕控制播放、頭部前后按鈕控制圖片組的切換。&

23、lt;/p><p>　　當(dāng)瀏覽者打開(kāi)此欄目時(shí)，圖片自動(dòng)定時(shí)向左切換，如果遇到最后一張也會(huì)自動(dòng)跳到第一張，而且右部分打開(kāi)此圖片組的描述。</p><p>　　左右暫停按鈕控制播放，如果瀏覽者不滿(mǎn)意當(dāng)前瀏覽形式，或者想仔細(xì)看某一張圖片時(shí)，可以點(diǎn)擊左右按鈕控制，或者不想要自動(dòng)瀏覽效果時(shí)，可以點(diǎn)擊暫?？刂?lt;/p><p>　　如果瀏覽者希望看下組的平面設(shè)計(jì)時(shí)，可以點(diǎn)擊頭部的向上

24、向下按鈕進(jìn)行切換，同樣也是動(dòng)態(tài)的向左快速切換效果。</p><p><b>　　2.2.5感謝你們</b></p><p>　　完成項(xiàng)目時(shí)給予幫助指導(dǎo)的人員表示感謝，模塊包括感謝文字，以及一些參考網(wǎng)站的logo列舉</p><p>　　當(dāng)用戶(hù)鼠標(biāo)經(jīng)過(guò)停留在此內(nèi)容上時(shí)，圖片清晰度發(fā)生變化，一方面提示瀏覽者當(dāng)前選擇的部分，也使得文字或者圖標(biāo)清晰可見(jiàn)

25、，增加閱讀的方便性</p><p><b>　　2.2.6聯(lián)系我</b></p><p>　　當(dāng)用戶(hù)想要對(duì)我發(fā)郵件進(jìn)行交流時(shí)，此部分則提供此項(xiàng)功能。其中包括對(duì)填寫(xiě)內(nèi)容的驗(yàn)證和發(fā)送模塊</p><p>　　內(nèi)容驗(yàn)證中，對(duì)填寫(xiě)者的用戶(hù)名，電子郵箱，內(nèi)容進(jìn)行為空驗(yàn)證，如果不符合習(xí)慣則進(jìn)行友好提示</p><p>　　發(fā)送模塊，

26、當(dāng)用戶(hù)內(nèi)容全部都符合規(guī)范時(shí)，點(diǎn)擊按鈕則可以向本人的郵箱發(fā)送郵件，而且也會(huì)提示郵件發(fā)送成功，并且會(huì)及時(shí)處理</p><p><b>　　2.2.7博客</b></p><p>　　如果用戶(hù)覺(jué)得次個(gè)人網(wǎng)站仍然不能足夠了解，可以點(diǎn)擊此項(xiàng)目打開(kāi)新的窗口連接到我的博客，進(jìn)一步交流。</p><p><b>　　3項(xiàng)目功能描述</b>

27、</p><p>　　flash+xml網(wǎng)站包含首頁(yè)，關(guān)于我，我的日志，平時(shí)收集，感謝你們，聯(lián)系我，博客多個(gè)模塊，不僅方便瀏覽者更加了解我的個(gè)人情況，還可以吸引更多招聘者對(duì)我的觀(guān)者，同時(shí)此也為一個(gè)比較好的自我認(rèn)識(shí)，分享的平臺(tái)。</p><p><b>　　3.1.加載環(huán)境</b></p><p>　　打開(kāi)網(wǎng)站loading動(dòng)畫(huà)：可以檢測(cè)網(wǎng)站內(nèi)容

28、的實(shí)際加載情況，實(shí)現(xiàn)對(duì)width的控制，實(shí)現(xiàn)從兩邊向中間收攏的動(dòng)態(tài)效果。加載版權(quán)所有，加載背景音樂(lè)：實(shí)現(xiàn)漸現(xiàn)效果，根據(jù)參數(shù)調(diào)節(jié)alpha屬性控制，根據(jù)時(shí)間，將alpha參數(shù)進(jìn)行遞歸數(shù)值改變。加載背景圖片及遮罩背景：根據(jù)template.xml中提供的地址數(shù)據(jù)進(jìn)行背景圖片和遮罩圖片的加載。</p><p>　　輪次加載標(biāo)題頭部，網(wǎng)站簽名，以及各欄目：個(gè)欄目按鈕之間逐個(gè)加載，而且監(jiān)控鼠標(biāo)的移動(dòng)，當(dāng)鼠標(biāo)經(jīng)過(guò)某個(gè)欄目時(shí)，

29、欄目所載的按鈕width參數(shù)加大，實(shí)現(xiàn)按鈕的長(zhǎng)度變化，而且替換按鈕的文字，及顯示注釋。加載聲音控制按鈕，全屏按鈕：聲音按鈕通過(guò)onclick時(shí)間點(diǎn)擊實(shí)現(xiàn)關(guān)閉聲音，打開(kāi)聲音，全屏點(diǎn)擊是觸發(fā)計(jì)算屏幕寬高 </p><p><b>　　3.2.首頁(yè)</b></p><p>　　動(dòng)態(tài)打開(kāi)遮罩層及更換背景：遮罩層從屏幕右方滑出，有細(xì)線(xiàn)展開(kāi)，即首先加大width的數(shù)值，達(dá)到一定

30、后改變height的數(shù)值，實(shí)現(xiàn)動(dòng)態(tài)展開(kāi)，同時(shí)從template.xml中讀取此時(shí)對(duì)應(yīng)得背景圖片路徑，并且替換當(dāng)前的bgimage參數(shù)內(nèi)容。加載home.swf文件以及連接 template.xml文件中內(nèi)容：根據(jù)template.xm打開(kāi)swf文件，并自動(dòng)播放flash，即動(dòng)態(tài)開(kāi)始切換圖片的以及圖片的注解</p><p>　　定時(shí)對(duì)圖片進(jìn)行各類(lèi)切換效果：不進(jìn)行任何操作時(shí)圖片隔時(shí)間自動(dòng)切換，同時(shí)切換效果自主控制，即

31、根據(jù)參數(shù)kenburn指定的方向速度，例如由左上向右下角切換以及切換速度等自動(dòng)隱藏左右以及暫停按鈕：當(dāng)鼠標(biāo)移開(kāi)flash范圍時(shí)，自動(dòng)隱藏暫停，向左，向右按鈕，當(dāng)放上的時(shí)候顯示，即修改參數(shù)alpha為0或者1，以及遞歸性變化；點(diǎn)擊左向按鈕向前翻頁(yè)，點(diǎn)擊向右按鈕向后翻頁(yè)，暫停按鈕停止自動(dòng)播放。關(guān)閉home.swf文件以及遮罩層：?jiǎn)螕羝渌?xiàng)目時(shí)關(guān)閉flash.swf文件加載新的文件，以及收攏遮罩層</p><p>&l

32、t;b>　　3.3.關(guān)于我</b></p><p>　　動(dòng)態(tài)打開(kāi)遮罩層及更換背景：遮罩層從屏幕右方滑出，細(xì)線(xiàn)，即首先加大width的數(shù)值，達(dá)到一定后改變height的數(shù)值，實(shí)現(xiàn)動(dòng)態(tài)展開(kāi)，同時(shí)從template.xml中讀取此時(shí)對(duì)應(yīng)得背景圖片路徑，并且替換當(dāng)前的bgimage參數(shù)內(nèi)容然后動(dòng)態(tài)展開(kāi)指定寬度，同時(shí)從template.xml中讀取此時(shí)對(duì)應(yīng)得背景圖片，以及在bio_settings.xml

33、制定的寬高以及滾動(dòng)條屬性</p><p>　　加載html.swf文件以及鏈接bio_settings.xml文件：根據(jù)寬度高度參數(shù)設(shè)置，等比縮放flash文件，然后自動(dòng)打開(kāi)swf文件，等待瀏覽者操作。引滾動(dòng)條進(jìn)行內(nèi)容滾動(dòng)：當(dāng)鼠標(biāo)經(jīng)過(guò)時(shí)滾動(dòng)條變粗，跟蹤鼠標(biāo)位置，當(dāng)鼠標(biāo)進(jìn)入滾動(dòng)條范圍內(nèi)width加大，左鍵不放可以進(jìn)行下拉進(jìn)行查看內(nèi)容。</p><p><b>　　3.4.我的日志&

34、lt;/b></p><p>　　點(diǎn)擊動(dòng)態(tài)打開(kāi)遮罩層以及更換背景：遮罩層從屏幕右方滑出，細(xì)線(xiàn)，即首先加大width的數(shù)值，達(dá)到一定后改變height的數(shù)值，實(shí)現(xiàn)動(dòng)態(tài)展開(kāi)，同時(shí)從template.xml中讀取此時(shí)對(duì)應(yīng)得背景圖片路徑，并且替換當(dāng)前的bgimage參數(shù)內(nèi)容然后動(dòng)態(tài)展開(kāi)指定寬度，然后動(dòng)態(tài)展開(kāi)指定寬度，同時(shí)從template.xml中讀取此時(shí)對(duì)應(yīng)得背景</p><p>　　加載

35、news.swf文件以及鏈接news_settings.xml文件：打開(kāi)swf文件，等待瀏覽者操作。志列表跟隨鼠標(biāo)滾動(dòng)：當(dāng)鼠標(biāo)移至列表最上一條時(shí)，自動(dòng)向上滾動(dòng)，同樣方法向下滾動(dòng)，即監(jiān)控鼠標(biāo)移動(dòng)，當(dāng)一直列表最上的欄目是后，列表數(shù)組指針上移動(dòng)實(shí)現(xiàn)上滾，同樣方法實(shí)現(xiàn)下滾</p><p>　　日志列表項(xiàng)目顏色改變：當(dāng)加載后為第一種顏色，鼠標(biāo)經(jīng)過(guò)后為第二種顏色，當(dāng)點(diǎn)擊瞬間出現(xiàn)第三種顏色</p><p&g

36、t;　　自動(dòng)出現(xiàn)滾動(dòng)條：自動(dòng)判斷內(nèi)容是否超過(guò)指定高度，如果已經(jīng)超過(guò)則出現(xiàn)滾動(dòng)條；當(dāng)鼠標(biāo)經(jīng)過(guò)時(shí)候?qū)挾燃哟螅锤淖僿idth屬性值，點(diǎn)擊拖動(dòng)后實(shí)現(xiàn)內(nèi)容滑動(dòng)跟隨。關(guān)閉news.swf文件以及遮罩層</p><p><b>　　3.5.平時(shí)收集</b></p><p>　　點(diǎn)擊打開(kāi)二級(jí)菜單列表：將此項(xiàng)目type屬性設(shè)置成為multiple，即說(shuō)明此欄目下有子項(xiàng)目，當(dāng)鼠標(biāo)點(diǎn)擊時(shí)

37、候，平滑滑出被隱藏的兩個(gè)二級(jí)項(xiàng)目</p><p><b>　　3.5.1網(wǎng)頁(yè)截圖</b></p><p>　　點(diǎn)擊打開(kāi)遮罩層以及更換背景：遮罩層從屏幕右方滑出，細(xì)線(xiàn)，然后動(dòng)態(tài)展開(kāi)指定寬度，即首先加大width的數(shù)值，達(dá)到一定后改變height的數(shù)值，實(shí)現(xiàn)動(dòng)態(tài)展開(kāi)，同時(shí)從template.xml中讀取此時(shí)對(duì)應(yīng)得背景圖片路徑，并且替換當(dāng)前的bgimage參數(shù)內(nèi)容然后動(dòng)態(tài)展

38、開(kāi)指定寬度，同時(shí)從template.xml中讀取此時(shí)對(duì)應(yīng)得背景</p><p>　　加載folio.swf文件以及鏈接folio_web_settings.xml文件：打開(kāi)swf文件，開(kāi)始默認(rèn)切換圖片以及圖片注解</p><p>　　圖片切換：當(dāng)用戶(hù)不進(jìn)行任何操作時(shí)圖片，默認(rèn)情況下圖片向左定時(shí)切換。圖片上左右以及暫停隱藏按鈕，監(jiān)控鼠標(biāo)移動(dòng)，當(dāng)移出范圍時(shí)候?qū)lpha設(shè)置成為0，即實(shí)現(xiàn)隱藏&

39、lt;/p><p>　　頭部prev以及next按鈕進(jìn)行內(nèi)容組切換，使用數(shù)組，根據(jù)用戶(hù)點(diǎn)擊，觸發(fā)指針移動(dòng)的事件，進(jìn)行切換組。</p><p><b>　　3.5.2平面</b></p><p>　　點(diǎn)擊打開(kāi)遮罩層以及更換背景：遮罩層從屏幕右方滑出，細(xì)線(xiàn)，然后動(dòng)態(tài)展開(kāi)指定寬度，即首先加大width的數(shù)值，達(dá)到一定后改變height的數(shù)值，實(shí)現(xiàn)動(dòng)態(tài)展開(kāi)

40、，同時(shí)從template.xml中讀取此時(shí)對(duì)應(yīng)得背景圖片路徑，并且替換當(dāng)前的bgimage參數(shù)內(nèi)容然后動(dòng)態(tài)展開(kāi)指定寬度，同時(shí)從template.xml中讀取此時(shí)對(duì)應(yīng)得背景</p><p>　　加載folio.swf文件以及鏈接folio_photo_settings.xm文件：打開(kāi)swf文件，開(kāi)始默認(rèn)切換圖片以及圖片注解。進(jìn)行圖片定時(shí)向左切換：把圖片讀進(jìn)數(shù)組，監(jiān)控時(shí)間，經(jīng)過(guò)一段時(shí)間后，指針后移，實(shí)現(xiàn)圖片切換。&l

41、t;/p><p>　　圖片上左右以及暫停隱藏按鈕,監(jiān)控鼠標(biāo)移動(dòng)，當(dāng)移出范圍時(shí)候?qū)lpha設(shè)置成為0，即實(shí)現(xiàn)隱藏。頭部prev以及next按鈕進(jìn)行內(nèi)容組切換:使用數(shù)組，根據(jù)用戶(hù)點(diǎn)擊，觸發(fā)指針移動(dòng)的事件，進(jìn)行切換組。關(guān)閉folio.swf文件以及遮罩層：?jiǎn)螕羝渌?xiàng)目時(shí)關(guān)閉flash文件，加載新的文件，以及收攏遮罩層。</p><p><b>　　3.6.感謝你們</b>&l

42、t;/p><p>　　動(dòng)態(tài)打開(kāi)遮罩層以及更換背景：遮罩層從屏幕右方滑出，細(xì)線(xiàn)，然后動(dòng)態(tài)展開(kāi)指定寬度，即首先加大width的數(shù)值，達(dá)到一定后改變height的數(shù)值，實(shí)現(xiàn)動(dòng)態(tài)展開(kāi)，同時(shí)從template.xml中讀取此時(shí)對(duì)應(yīng)得背景圖片路徑，并且替換當(dāng)前的bgimage參數(shù)內(nèi)容然后動(dòng)態(tài)展開(kāi)指定寬度，同時(shí)從template.xml中讀取此時(shí)對(duì)應(yīng)得背景。</p><p>　　加載clients.swf文

43、件以及鏈接clients_settings.xml文件：指定為一行兩列的表格形式，即rows和cols分別為1和2，同時(shí)指定寬高各個(gè)“單元格”；為避免文字樣式問(wèn)題直接將問(wèn)題切成圖片加載使用。</p><p>　　鼠標(biāo)經(jīng)過(guò)欄目透明度發(fā)生變化：當(dāng)鼠標(biāo)移到圖片范圍內(nèi)時(shí)出發(fā)事件，改變圖片的透明度alpha參數(shù)值，當(dāng)鼠標(biāo)移走時(shí)恢復(fù)默認(rèn)透明度。</p><p><b>　　3.7.聯(lián)系我&l

44、t;/b></p><p>　　點(diǎn)擊打開(kāi)遮罩層以及更換背景：遮罩層從屏幕右方滑出，細(xì)線(xiàn)，然后動(dòng)態(tài)展開(kāi)指定寬度，即首先加大width的數(shù)值，達(dá)到一定后改變height的數(shù)值，實(shí)現(xiàn)動(dòng)態(tài)展開(kāi)，同時(shí)從template.xml中讀取此時(shí)對(duì)應(yīng)得背景圖片路徑，并且替換當(dāng)前的bgimage參數(shù)內(nèi)容然后動(dòng)態(tài)展開(kāi)指定寬度，同時(shí)從template.xml中讀取此時(shí)對(duì)應(yīng)得背景。</p><p>　　加載co

45、ntact.swf文件以及鏈接contact_settings.xml文件：加載本人聯(lián)系信息以及加載各個(gè)文本框，等待用戶(hù)操作。</p><p>　　文本框鼠標(biāo)經(jīng)過(guò)顏色變化：輸入框內(nèi)顏色變化，讀取xml中color值，提示為瀏覽者此時(shí)為可以輸入狀態(tài)。點(diǎn)擊輸入后顏色變化清晰，方便輸入：當(dāng)用戶(hù)單擊鼠標(biāo)，輸入框進(jìn)行第三次變色，顏色變淡，為用戶(hù)更加看得清楚。</p><p>　　發(fā)送按鈕：經(jīng)過(guò)發(fā)送按

46、鈕顏色變化，單機(jī)后執(zhí)行向郵箱發(fā)送電子郵箱函數(shù)，以及提示有好信息。各個(gè)文本框驗(yàn)證：對(duì)姓名框進(jìn)行為空驗(yàn)證，電子郵箱當(dāng)為空或者格式不正確時(shí)進(jìn)行提示，留言?xún)?nèi)同為空時(shí)進(jìn)行提示修改，獲取輸入框內(nèi)的值，判斷是否符合規(guī)范，如果是則通過(guò)可以點(diǎn)擊按鈕，如果不合規(guī)范則提示重新輸入。關(guān)閉contact.swf文件以及遮罩層：?jiǎn)螕羝渌?xiàng)目時(shí)關(guān)閉flash文件，加載新的文件，以及收攏遮罩層。</p><p><b>　　3.8 博

47、客</b></p><p>　　鏈接騰訊微博：鏈接按鈕直接點(diǎn)擊在新的頁(yè)面打開(kāi)個(gè)人騰訊微博，設(shè)置欄目為鏈接形式，即type參數(shù)類(lèi)型為"link" 同時(shí)鏈接目標(biāo)源scr為個(gè)人博客網(wǎng)址。</p><p><b>　　4項(xiàng)目技術(shù)總結(jié)</b></p><p>　　4.1技術(shù)創(chuàng)新及特點(diǎn)</p><p>

48、;<b>　　4.1.1技術(shù)創(chuàng)新</b></p><p>　　普通全flash網(wǎng)站不具有很強(qiáng)的移植性，而本網(wǎng)站將多數(shù)參數(shù)寫(xiě)入外部獨(dú)立文件中，為之后的網(wǎng)站繼續(xù)升級(jí)維護(hù)提供方便。其次可將本項(xiàng)目中xml文件一定程度上視為小型數(shù)據(jù)庫(kù)，對(duì)數(shù)據(jù)添加，刪除，修改等操作可以直接在xml文件中進(jìn)行，實(shí)現(xiàn)網(wǎng)站與數(shù)據(jù)分離，網(wǎng)站結(jié)構(gòu)清晰。</p><p><b>　　4.1.2技術(shù)

49、特點(diǎn)</b></p><p>　　本次項(xiàng)目首先是結(jié)構(gòu)清晰，一定程度上實(shí)現(xiàn)數(shù)據(jù)與網(wǎng)站flash的分離。第二是用戶(hù)體驗(yàn)良好，很多部分都是點(diǎn)擊觸發(fā)后動(dòng)態(tài)生成，脫離了以往web網(wǎng)頁(yè)的靜態(tài)古板的感覺(jué)。第三兼容性好，已經(jīng)經(jīng)過(guò)各主流瀏覽器如IE6 IE7 IE8 火狐 谷歌等驗(yàn)證，沒(méi)有任何兼容性問(wèn)題產(chǎn)生</p><p>　　Flash網(wǎng)站多采用代碼是顯示區(qū)域占據(jù)這個(gè)瀏覽器，是主體明確突出，不

50、易在傳達(dá)信息的時(shí)候，受到其他信息的干擾。在層次結(jié)構(gòu)上也更加人性化，既有應(yīng)用性，又具有藝術(shù)性，切合現(xiàn)代人們的需求心理。達(dá)到更好的效果，進(jìn)而創(chuàng)造更多的利益。在服裝銷(xiāo)售方面，原來(lái)的網(wǎng)站只能靜態(tài)的展示各式各樣的產(chǎn)品，即使是多角度的，也是沒(méi)有交互性可言的。Flash網(wǎng)站恰恰彌補(bǔ)了這種缺陷，配合3DS MAX、maya軟件制作了類(lèi)似上面可以360°展示，并且可以隨意換裝的Flash銷(xiāo)售網(wǎng)。這種Flash網(wǎng)站同樣適用于汽車(chē)等銷(xiāo)售，360&#

51、176;展示、隨意更換顏色，是消費(fèi)者在網(wǎng)上就可以對(duì)自己待定的車(chē)型進(jìn)行全面的比對(duì)。</p><p>　　以生動(dòng)形象的動(dòng)畫(huà)和交互式操作，給每一位訪(fǎng)問(wèn)者帶來(lái)一種切身體驗(yàn)的訪(fǎng)問(wèn)感受，使用者在瀏覽的過(guò)程中自然而然的融入到網(wǎng)站中。同時(shí)Flash已經(jīng)具備了后端開(kāi)發(fā)和數(shù)據(jù)顯示的能力，可以完全勝任中小型網(wǎng)站的開(kāi)發(fā)。</p><p>　　計(jì)算機(jī)網(wǎng)絡(luò)發(fā)展日新月異，帶寬不斷提高，使得動(dòng)畫(huà)、音樂(lè)、電影的傳輸瓶頸正在

52、逐漸消失。在線(xiàn)實(shí)時(shí)收看高品質(zhì)畫(huà)面將成為現(xiàn)實(shí)，而這作為靜態(tài)網(wǎng)頁(yè)的優(yōu)勢(shì)將不再構(gòu)成優(yōu)勢(shì)。在未來(lái)雖然純Flash網(wǎng)站不可能代替靜態(tài)網(wǎng)站，但Flash網(wǎng)站成為主流，將在不久的將來(lái)成為現(xiàn)實(shí)。</p><p>　　4.2個(gè)人收獲與體會(huì)</p><p>　　本文在指導(dǎo)教師的多次指導(dǎo)下終于完稿，感激之情，溢于言表。同時(shí)在項(xiàng)目報(bào)告寫(xiě)作過(guò)程中，得到了其他許多教師和同學(xué)的指導(dǎo)和幫助，老師們嚴(yán)謹(jǐn)?shù)闹螌W(xué)態(tài)度、淵博的專(zhuān)

53、業(yè)知識(shí)、崇高的職業(yè)品德、無(wú)私的奉獻(xiàn)精神令我很感動(dòng)，我從老師身上學(xué)到了做學(xué)問(wèn)的態(tài)度、方法與知識(shí)，但更重要的是學(xué)到了做人的道理與做任何事情都應(yīng)有的認(rèn)真、嚴(yán)謹(jǐn)?shù)膽B(tài)度。</p><p>　　另外，感謝校方給予我們這樣一次機(jī)會(huì)，能夠獨(dú)立地完成一個(gè)課題，并在這個(gè)過(guò)程當(dāng)中，給予我們各種方便，使我們?cè)诩磳㈦x校的最后一段時(shí)間里，能夠更多學(xué)習(xí)一些實(shí)踐應(yīng)用知識(shí)，增強(qiáng)了我們實(shí)踐操作和動(dòng)手應(yīng)用能力，提高了獨(dú)立思考的能力。再一次對(duì)我的母校表

54、示感謝。</p><p>　　最后感謝在整個(gè)畢業(yè)設(shè)計(jì)期間和我密切合作的同學(xué)，和曾經(jīng)在各個(gè)方面給予過(guò)我?guī)椭幕锇閭?，在大學(xué)生活即將結(jié)束的最后的日子里，我們?cè)僖淮窝堇[了團(tuán)結(jié)合作，讓我把一個(gè)龐大的，從來(lái)沒(méi)有上手的課題，圓滿(mǎn)地完成了。正是因?yàn)橛辛怂麄兊膸椭?，才讓我不僅學(xué)到了本次課題所涉及的新知識(shí)，更讓我感覺(jué)到了知識(shí)以外的東西，那就是團(tuán)結(jié)的力量。</p><p>　　此外經(jīng)過(guò)本次項(xiàng)目的編寫(xiě)鍛煉，我將