已閱讀5頁(yè),還剩24頁(yè)未讀, 繼續(xù)免費(fèi)閱讀
版權(quán)說(shuō)明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)
文檔簡(jiǎn)介
畢業(yè)設(shè)計(jì)題目動(dòng)漫宣傳網(wǎng)站設(shè)計(jì)院系計(jì)算機(jī)科學(xué)與工程系專業(yè)計(jì)算機(jī)科學(xué)與技術(shù)2014年2月21日目錄1研究概述111動(dòng)漫宣傳網(wǎng)站概述112FLASH網(wǎng)站建設(shè)概述113FLASH網(wǎng)站建設(shè)技術(shù)114FLASH網(wǎng)站的優(yōu)勢(shì)215課題研究現(xiàn)狀與意義32系統(tǒng)概述421總體目標(biāo)和要求4211目標(biāo)4212要求422設(shè)計(jì)及演示環(huán)境5221ADOBEFLASHCS6簡(jiǎn)介5222ADOBEPHOTOSHOPCS4簡(jiǎn)介5223ACTIONSCRIPT30簡(jiǎn)介5224XML簡(jiǎn)介6225CSS簡(jiǎn)介63網(wǎng)站設(shè)計(jì)631對(duì)網(wǎng)站建設(shè)進(jìn)行分析732建設(shè)網(wǎng)站素材的收集733創(chuàng)建網(wǎng)站的目錄結(jié)構(gòu)8331模塊結(jié)構(gòu)分析8332模塊的功能8333目錄結(jié)構(gòu)分析9334網(wǎng)頁(yè)之間的關(guān)系934網(wǎng)站引導(dǎo)動(dòng)畫(huà)設(shè)計(jì)(IDENXSWF)1035網(wǎng)頁(yè)預(yù)加載動(dòng)畫(huà)設(shè)計(jì)(MAINSWF)1136網(wǎng)頁(yè)主體頁(yè)面動(dòng)畫(huà)設(shè)計(jì)(PAGESWF)1337網(wǎng)頁(yè)圖片切換動(dòng)畫(huà)設(shè)計(jì)14371簡(jiǎn)單的圖片切換153723D動(dòng)畫(huà)切換16372觸屏動(dòng)畫(huà)切換1738網(wǎng)頁(yè)視頻、音樂(lè)動(dòng)畫(huà)設(shè)計(jì)18381音樂(lè)播發(fā)器動(dòng)畫(huà)設(shè)計(jì)18382視頻播發(fā)動(dòng)畫(huà)設(shè)計(jì)1839文字動(dòng)畫(huà)設(shè)計(jì)204總結(jié)20致謝22動(dòng)漫宣傳網(wǎng)站設(shè)計(jì)譚文斌摘要我國(guó)動(dòng)漫產(chǎn)業(yè)正處于飛速的發(fā)展的狀態(tài),但是卻不能走出國(guó)門,主要原因是缺少宣傳。宣傳的途徑很多,其中網(wǎng)絡(luò)傳播是宣傳最快的途徑。多媒體網(wǎng)站就是網(wǎng)絡(luò)宣傳的一種手段,也是最能吸引人們關(guān)注的。多媒體網(wǎng)站的建設(shè)不是一般的靜態(tài)的網(wǎng)站,而且需要各種動(dòng)畫(huà)、圖片相互組成,有著很好的交互行為。FLASH網(wǎng)站就是建設(shè)多媒體網(wǎng)站最合適的建設(shè)工具。FLASH網(wǎng)站建設(shè)技術(shù)是計(jì)算機(jī)科學(xué)與技術(shù)的一項(xiàng)重要的技術(shù)應(yīng)用領(lǐng)域,易學(xué)難精,包含了很多技術(shù)領(lǐng)域,如編寫腳本、動(dòng)畫(huà)制作技術(shù)、圖片處理及合成技術(shù)、互動(dòng)技術(shù)等知識(shí)。在這個(gè)時(shí)代,科學(xué)在進(jìn)步,人們的硬件設(shè)施和軟件設(shè)施也快速發(fā)展,使用原來(lái)的技術(shù)建設(shè)的宣傳網(wǎng)站已不能滿足人們是需求,故要合理運(yùn)用現(xiàn)在有的新技術(shù)打造全新的多媒體網(wǎng)站,是一個(gè)必然的趨勢(shì),也是動(dòng)漫宣傳網(wǎng)站的發(fā)展趨勢(shì)。論文是以茗記動(dòng)畫(huà)作為宣傳網(wǎng)站建設(shè)的實(shí)例,以探討建設(shè)多媒體宣傳網(wǎng)站為目的,更好的發(fā)揮FLASH建設(shè)網(wǎng)站效果。關(guān)鍵詞FLASH;網(wǎng)站建設(shè);動(dòng)漫;多媒體網(wǎng)站ANIMEPROMOTIONALWEBSITEDESIGNBYTANWENBINFEB,2014ABSTRACTTHEANIMATIONINDUSTRYINOURCOUNTRYISINTHERAPIDDEVELOPMENT,BUTITSTILLCANTGOABROADFORTHEMAINREASONTHATLACKINGADVERTISEMENTTHEREAREMANYWAYSTOADVERTISEINWHICHSPREADTHROUGHSOCIALNETWORKISTHEFASTESTWAYMULTIMEDIAWEBSITEISAWAY,ANDALSOISTHEMOSTATTRACTIVEONETHECONSTRUCTIONOFWEBSITEISNOTANORDINARYSTATICWEBSITE,ITCOMBINESOFALLKINDSOFANIMATIONSANDPICTURESWHICHHASGOODINTERACTIONFLASHWEBDESIGNISTHEMOSTAPPROPRIATEMULTIMEDIAWEBSITEFLASHWEBSITECONSTRUCTIONISANIMPORTANTTECHNOLOGYAPPLICATION,ITISEASYTOLEARNBUTDIFFICULTTOMASTER,ITINCLUDEA論文題目字體楷體,字號(hào)小一論文題目字體楷體,字號(hào)小一VARIETYOFFIELDSOFTECHNOLOGY,SUCHASSCRIPTING,ANIMATIONTECHNOLOGY,IMAGEPROCESSINGANDSYNTHESISTECHNOLOGY,INTERACTIVETECHNICALKNOWLEDGEINTHISERA,SCIENCEISDEVELOPMENTANDPEOPLESHARDWAREANDSOFTWAREAREALSODEVELOPINGTHEPRIMARYWEBSITEWITHOUTDATEDTECHNOLOGYCANTMEETTHENEEDOFTODAYSPEOPLE,SOITISANINEVITABLETRENDTOBUILDNEWMULTIMEDIAWEBSITEANDITISALSOADEVELOPMENTTRENDOFANIMATIONADVERTISINGWEBSITESTHEPAPERUSE“MINGJI”ASANEXAMPLE,FORTHEPURPOSEOFEXPLORINGTHECONSTRUCTIONOFMULTIMEDIAPROMOTIONALWEBSITEKEYWORDSFLASHWEBSITEBUILDINGANIMEPROMOTIONALWEBSITEMULTIMEDIAWEBSITE1研究概述11動(dòng)漫宣傳網(wǎng)站概述動(dòng)漫宣傳網(wǎng)站是通過(guò)相關(guān)的動(dòng)畫(huà)、漫畫(huà)、動(dòng)漫周邊宣傳動(dòng)漫,以達(dá)到推廣動(dòng)漫文化的一種網(wǎng)絡(luò)宣傳途徑。動(dòng)漫宣傳網(wǎng)站建設(shè)通常是與該動(dòng)漫相關(guān)元素為主,打造與動(dòng)漫本想相符宣傳網(wǎng)站,在網(wǎng)站中主要有動(dòng)漫作者介紹、動(dòng)漫周邊、動(dòng)漫海報(bào)、動(dòng)漫視頻、動(dòng)漫主題曲以及動(dòng)漫游戲,更有的網(wǎng)站還提供了動(dòng)畫(huà)和漫畫(huà)不斷更新和下載該動(dòng)漫的相關(guān)的歌曲、視頻。通常一部動(dòng)漫有了重大的活動(dòng)時(shí),都會(huì)第一時(shí)間在自己動(dòng)漫宣傳網(wǎng)站發(fā)布,以提高動(dòng)漫的知名度和熱播度。動(dòng)漫宣傳網(wǎng)站是人們了解動(dòng)漫文化的途徑之一,也是動(dòng)漫走進(jìn)人們視線的途徑之一,也是動(dòng)漫走向世界的平臺(tái)的途徑之一。12FLASH網(wǎng)站建設(shè)概述FLASH網(wǎng)站建設(shè)是計(jì)算機(jī)科學(xué)與技術(shù)的一個(gè)技術(shù)應(yīng)用領(lǐng)域,多數(shù)以動(dòng)漫動(dòng)畫(huà)為主要表現(xiàn)形式,故FLASH網(wǎng)站美觀、動(dòng)感十足,能大量吸引網(wǎng)民的眼球。同樣的,F(xiàn)LASH網(wǎng)站還擁有很強(qiáng)的交互的能力,很多企業(yè)喜歡通過(guò)FLASH技術(shù)制作網(wǎng)站以體現(xiàn)企業(yè)與眾不同的想法給用戶帶來(lái)高端的感受體驗(yàn),同時(shí)客戶也能在交互的過(guò)程中了解企業(yè)文化。從視覺(jué)觀感上來(lái)說(shuō),企業(yè)通過(guò)FLASH技術(shù)制作網(wǎng)站往往能給人們留下深刻的印象,從而促使人們想更進(jìn)一步的了解企業(yè)文化,企業(yè)也能從中挖掘出更多的潛在的客戶。13FLASH網(wǎng)站建設(shè)技術(shù)1計(jì)算機(jī)圖片技術(shù)許多絢麗的圖片都是通過(guò)PHOTOSHOP等軟件繪制和合成而來(lái),而要建設(shè)網(wǎng)站,如果沒(méi)有絢麗的圖片來(lái)襯托,建設(shè)出來(lái)的網(wǎng)站是平凡無(wú)味;相對(duì)的,會(huì)大力提升計(jì)算機(jī)圖片技術(shù)水平以及建設(shè)網(wǎng)站人員的創(chuàng)作水平;2互動(dòng)技術(shù)互動(dòng)是人與機(jī)器溝通的一種方式。長(zhǎng)久以來(lái),人們都是通過(guò)鼠標(biāo)和鍵盤與計(jì)算機(jī)互動(dòng),而當(dāng)下出現(xiàn)了新的互動(dòng)方式觸屏技術(shù)。傳統(tǒng)的網(wǎng)站都是用鼠標(biāo)和鍵盤來(lái)進(jìn)行互動(dòng),而研究新的網(wǎng)站互動(dòng)模式,觸屏技術(shù)與鼠論文題目字體楷體,字號(hào)小一標(biāo)鍵盤相互結(jié)合的模式,能大大的推進(jìn)建設(shè)網(wǎng)站技術(shù)的發(fā)展,打破傳統(tǒng)的互動(dòng)方式;3腳本技術(shù)使用FLASH自帶的ACTIONSCRIPT30腳本來(lái)進(jìn)行腳本編寫,該腳本語(yǔ)法和結(jié)構(gòu)比較簡(jiǎn)單、學(xué)習(xí)和使用也比較簡(jiǎn)單,通過(guò)腳本的編寫,大大的縮短了網(wǎng)站建設(shè)中所使用的代碼,加快了網(wǎng)站建設(shè)的速度,帶動(dòng)了腳本技術(shù)的發(fā)展。4計(jì)算機(jī)動(dòng)畫(huà)制作技術(shù)大多數(shù)的網(wǎng)絡(luò)上的動(dòng)畫(huà)都是通過(guò)3DMAX、FLASH、MAYA等動(dòng)畫(huà)制作軟件繪制、編輯、后期處理而成,但是應(yīng)用與網(wǎng)站的動(dòng)畫(huà)卻有所不同,網(wǎng)站動(dòng)畫(huà)的文件小,內(nèi)容清晰,大多數(shù)的動(dòng)畫(huà)制作軟件制作的動(dòng)畫(huà)不能滿足這些要求,但FLASH軟件制作的動(dòng)畫(huà)卻能符合要求。FLASH軟件制作的動(dòng)畫(huà)都是矢量動(dòng)畫(huà),使得網(wǎng)站的動(dòng)畫(huà)能最快的打開(kāi),大大提高的網(wǎng)站的美觀。14FLASH網(wǎng)站的優(yōu)勢(shì)使用FLASH建設(shè)的網(wǎng)站和使用傳統(tǒng)的網(wǎng)站建設(shè)模式有什么優(yōu)勢(shì)從以下幾個(gè)方面可以看出FLASH建設(shè)網(wǎng)站的優(yōu)勢(shì)1FLASH網(wǎng)站能夠制作簡(jiǎn)潔的網(wǎng)頁(yè)動(dòng)畫(huà),甚至是網(wǎng)頁(yè)游戲。而同樣的動(dòng)畫(huà)效果和游戲開(kāi)發(fā),如果使用JAVASCRIPT等語(yǔ)言來(lái)編寫,將會(huì)非常復(fù)雜且代碼龐大。JQUERY等組件雖然也能便捷地制作動(dòng)畫(huà),但動(dòng)畫(huà)效果不如FLASH動(dòng)畫(huà)豐富;2傳統(tǒng)網(wǎng)頁(yè)在切換頁(yè)面時(shí),需要刷新整個(gè)頁(yè)面,造成屏幕暫時(shí)性的空白,而FLASH網(wǎng)站彌補(bǔ)了這個(gè)不足。在載入新數(shù)據(jù)時(shí),F(xiàn)LASH不用刷新整體的頁(yè)面。同時(shí)可以精確的顯示下載進(jìn)度,而在使用上更加友好。此外,目前流行的JAVASCRIPT等技術(shù)雖然能實(shí)現(xiàn)頁(yè)面局部刷新,但其開(kāi)發(fā)的難易程度,以及加載的自定義能力遠(yuǎn)遠(yuǎn)不如FLASH;3FLASHPLAYER的安裝已經(jīng)得到了普及,大多數(shù)用戶的游覽器都支持FLASH播發(fā)。最近微軟官方更宣布,在最新的WINDOWS8IE10中內(nèi)置了FLASH功能;4FLASH在播放視頻和音頻方面的變現(xiàn)勝過(guò)了許多其他的主流媒體播放器。即便與當(dāng)下熱門的HTML5的視頻播放相比較,F(xiàn)LASH在WINDOWS平臺(tái)上各種游覽器下的視頻播放表現(xiàn)都優(yōu)于HTML5,僅在MAC平臺(tái)上有一定的劣勢(shì);5在傳統(tǒng)網(wǎng)頁(yè)中,我們只能使用系統(tǒng)自帶的字體作為網(wǎng)頁(yè)的文字字體,而不能使用非系統(tǒng)自帶字體。然而,在FLASH中可以嵌入字體。這樣,設(shè)計(jì)師就可以在FLASH網(wǎng)站設(shè)計(jì)中使用一些美觀的字體,而不用顧及用戶是否安裝了它們;6由于FLASH可以方便的偵測(cè)游覽器窗口的大小變化、獲取舞臺(tái)的尺寸,因此可以制作美觀的自適應(yīng)屏幕窗口大小的全屏網(wǎng)站1。15課題研究現(xiàn)狀與意義動(dòng)漫產(chǎn)業(yè)是我國(guó)最有潛力的新興產(chǎn)業(yè)之一,是我國(guó)軟實(shí)力的重要組成部分。在我國(guó)出臺(tái)了一系列的政策與大力扶持動(dòng)漫產(chǎn)業(yè)的發(fā)展下,動(dòng)漫產(chǎn)業(yè)逐漸的成長(zhǎng)。2004年,我國(guó)的動(dòng)漫產(chǎn)業(yè)的總產(chǎn)值是117億人民幣,而2005年我國(guó)動(dòng)漫產(chǎn)業(yè)總產(chǎn)值增長(zhǎng)到了180億人民幣;2012年,我國(guó)動(dòng)漫產(chǎn)業(yè)的規(guī)模達(dá)到了320億人民幣,衍生產(chǎn)品同樣達(dá)到了220億人民幣2。雖然我國(guó)動(dòng)漫產(chǎn)業(yè)在飛速的發(fā)展,但是相對(duì)與美國(guó)和日本,我國(guó)還是處于弱勢(shì)地位。故而,動(dòng)漫產(chǎn)業(yè)在我國(guó)還有很大的提升空間。動(dòng)漫產(chǎn)業(yè)在我國(guó)面臨著政策有力推動(dòng)、市場(chǎng)強(qiáng)力拉動(dòng)、“互動(dòng)效應(yīng)”十分突出的形式。目前,動(dòng)漫產(chǎn)業(yè)在我國(guó)面臨現(xiàn)實(shí)的危機(jī)和機(jī)遇同時(shí)存在,而發(fā)展則正在挑戰(zhàn)停滯與跨越的阻隔。我國(guó)動(dòng)漫產(chǎn)業(yè)還面臨著外來(lái)動(dòng)漫文化的挑戰(zhàn),如日本、美國(guó)等發(fā)達(dá)國(guó)家。宣傳我國(guó)優(yōu)秀的動(dòng)漫文化是必然的趨勢(shì),但是我國(guó)在這方面是薄弱的?,F(xiàn)我國(guó)宣傳動(dòng)漫的主要途徑有電視媒體、報(bào)刊和期刊,而網(wǎng)絡(luò)傳播也是在近幾年才發(fā)展起來(lái)的。在中國(guó),擁有59億的網(wǎng)民和網(wǎng)絡(luò)飛速的發(fā)展下,網(wǎng)絡(luò)傳播正在成為新的一代傳播途徑3。國(guó)外的動(dòng)漫宣傳網(wǎng)站建設(shè)比國(guó)內(nèi)的宣傳網(wǎng)站早,而且還有專業(yè)的團(tuán)隊(duì)來(lái)建設(shè)和維護(hù)這些動(dòng)漫宣傳網(wǎng)站。比如日本的動(dòng)漫宣傳網(wǎng)站,已經(jīng)融入了他們的生活當(dāng)中,他們的宣傳網(wǎng)站可以在線觀看自己喜愛(ài)的動(dòng)漫視頻、海報(bào),動(dòng)漫產(chǎn)業(yè)的規(guī)模十分的大,而且已經(jīng)成為日本經(jīng)濟(jì)增長(zhǎng)的一個(gè)重要經(jīng)濟(jì)增長(zhǎng)點(diǎn),同樣也帶動(dòng)了其他行業(yè)的發(fā)展?,F(xiàn)在,日本的動(dòng)漫網(wǎng)頁(yè)已經(jīng)出現(xiàn)了專題網(wǎng)站,一個(gè)動(dòng)漫就一個(gè)宣傳的網(wǎng)站,把該動(dòng)漫的作者信息、內(nèi)容信息部分視頻等發(fā)到網(wǎng)站,大大宣傳了本國(guó)的動(dòng)漫。在國(guó)外的動(dòng)漫宣傳網(wǎng)頁(yè)中,應(yīng)用了大量的矢量動(dòng)畫(huà),使網(wǎng)頁(yè)更加的吸引人們。并且每個(gè)網(wǎng)頁(yè)的風(fēng)格都是根據(jù)動(dòng)漫本身來(lái)設(shè)計(jì)的,從而出現(xiàn)了各種各樣的網(wǎng)頁(yè),更是能提起人們的興趣。國(guó)內(nèi)的動(dòng)漫宣傳網(wǎng)站建設(shè)還是剛剛起步,沒(méi)有太多的專題的宣傳網(wǎng)站,大多是介紹國(guó)外和國(guó)內(nèi)的動(dòng)漫的綜合性網(wǎng)頁(yè),并且國(guó)外的動(dòng)漫占了很大部分,而國(guó)內(nèi)的動(dòng)漫卻很少。這種狀況對(duì)我國(guó)的動(dòng)漫傳播帶了很大的阻礙,同樣也讓國(guó)內(nèi)的優(yōu)秀動(dòng)漫得不到宣傳。國(guó)內(nèi)的動(dòng)漫宣傳網(wǎng)頁(yè)都大多是使用DREAMWEAVER軟件開(kāi)發(fā)的靜態(tài)或者動(dòng)態(tài)的網(wǎng)頁(yè),其中,無(wú)關(guān)商業(yè)廣告多、無(wú)關(guān)鏈接多、無(wú)關(guān)信息也很多。致使國(guó)內(nèi)動(dòng)漫宣傳網(wǎng)頁(yè)很難吸引人們的興趣。而且國(guó)內(nèi)的網(wǎng)頁(yè)大多是一個(gè)摸樣的,沒(méi)有自己的個(gè)性所在,導(dǎo)致人們會(huì)有視覺(jué)疲勞的現(xiàn)象。現(xiàn)在,國(guó)內(nèi)的出臺(tái)了大量的政策,也出現(xiàn)了優(yōu)秀的動(dòng)漫宣傳網(wǎng)頁(yè),如騰訊動(dòng)漫等,但是,這些網(wǎng)頁(yè)還是綜合性的宣傳網(wǎng)頁(yè)。所以國(guó)內(nèi)的動(dòng)漫宣傳網(wǎng)頁(yè)是緩慢發(fā)展的。網(wǎng)絡(luò)傳播主要的手段是就是網(wǎng)站宣傳。傳統(tǒng)的網(wǎng)站建設(shè)都是使用是PHP、ASP、HTML語(yǔ)言來(lái)建設(shè),缺少很多的互動(dòng)的環(huán)節(jié)以及絢麗多彩的動(dòng)畫(huà),因此,使用DREAMWEAVER等軟件來(lái)建設(shè)地網(wǎng)站,往往需要配合FLASH動(dòng)畫(huà)和相關(guān)視頻,來(lái)增強(qiáng)網(wǎng)站的吸引性。而使用FLASH建設(shè)網(wǎng)站卻是全多媒體網(wǎng)站,相對(duì)其他制作網(wǎng)站更具有吸引力。FLASH網(wǎng)站建設(shè)技術(shù)是計(jì)算機(jī)科學(xué)與技術(shù)的一項(xiàng)重要的技術(shù)應(yīng)用領(lǐng)域,易學(xué)難精,包含了很多技術(shù)領(lǐng)域,如編寫腳本、動(dòng)畫(huà)制作技術(shù)、圖片處理及合成技術(shù)、互動(dòng)技術(shù)等知識(shí)。2系統(tǒng)概述本動(dòng)漫宣傳網(wǎng)站從功能上主要有圖片的切換、播發(fā)視頻、播放音樂(lè)。系統(tǒng)主要通過(guò)鼠標(biāo)點(diǎn)擊或者觸屏進(jìn)行演示,通過(guò)對(duì)圖片之間的切換、視頻的播放、播放音樂(lè)來(lái)進(jìn)行學(xué)習(xí)動(dòng)漫宣傳網(wǎng)站建設(shè)。21總體目標(biāo)和要求211目標(biāo)為了更好的宣傳國(guó)內(nèi)優(yōu)秀動(dòng)漫,了解掌握多媒體網(wǎng)站的建設(shè)過(guò)程、了解掌握腳本的編寫與使用以及了解掌握鼠標(biāo)鍵盤交互與觸屏手勢(shì)交互模式的切換。使用ADOBEFLASHCS6進(jìn)行網(wǎng)頁(yè)的建設(shè),通過(guò)INTERNET游覽器來(lái)展示該網(wǎng)頁(yè)。212要求設(shè)計(jì)一個(gè)能實(shí)現(xiàn)鼠標(biāo)鍵盤交互與觸屏手勢(shì)交互模式的切換且都能實(shí)現(xiàn)圖片的切花、播發(fā)視頻、播放音樂(lè),界面要求精美并且符合該動(dòng)漫的宣傳網(wǎng)站。22設(shè)計(jì)及演示環(huán)境本系統(tǒng)使用ADOBEFLASHCS6和ADOBEPHOTOSHOPCS4軟件,語(yǔ)言采用腳本語(yǔ)言ACTIONSCRIPT30、可擴(kuò)展標(biāo)記語(yǔ)言XML和超文本標(biāo)記語(yǔ)言HTML。221ADOBEFLASHCS6簡(jiǎn)介FLASHCS6是美國(guó)ADOBE公司最新推出的矢量動(dòng)畫(huà)制作軟件,是當(dāng)今最為流行的網(wǎng)絡(luò)多媒體制作工具。它在多媒體設(shè)計(jì)領(lǐng)域中占據(jù)著不可代替的地位,在繼承以前版本所有的優(yōu)點(diǎn)的基礎(chǔ)上有增加了許多新的功能,使用更加便捷,被廣泛應(yīng)用于動(dòng)畫(huà)設(shè)計(jì)、多媒體設(shè)計(jì)、WEB設(shè)計(jì)等領(lǐng)域4。FLASHCS6也是目前廣為流行的二維交互式矢量動(dòng)畫(huà)制作軟件。222ADOBEPHOTOSHOPCS4簡(jiǎn)介ADOBEPHOTOSHOPCS4是美國(guó)ADOBE公司在2008年發(fā)布的一款圖像處理軟件,是目前廣泛使用圖形圖像處理的軟件之一。ADOBEPHOTOSHOPCS4繼承了上一代的ADOBEPHOTOSHOPCS3軟件的所有的功能,還添加了新的功能,如3D、視頻流、動(dòng)畫(huà)等,還支持CPU加速,讓圖片處理更有效率。該軟件分兩個(gè)版本,ADOBEPHOTOSHOPCS4和ADOBEPHOTOSHOPCS4EXTENDED。223ACTIONSCRIPT30簡(jiǎn)介ACTIONSCRIPT30是針對(duì)FLASHPLAYER運(yùn)行環(huán)境的編程語(yǔ)言,擁有處理各種人機(jī)交互、數(shù)據(jù)交互等功能。ACTIONSCRIPT30是一種強(qiáng)大的面向?qū)ο缶幊陶Z(yǔ)言,是一種基于ECMASCRIPT的編程語(yǔ)言,用來(lái)編寫ADOBEFLASH電影和應(yīng)用程序。ACTIONSCRIPT30符合ECMASCRIPTLANGUAGESPECIFICATION第三版。它還包含基于ECMASCRIPTEDITION4的功能,比如類、包和名稱空間,可選的靜態(tài)類型、生成器和迭代器等4。224XML簡(jiǎn)介XML指可擴(kuò)展標(biāo)記語(yǔ)言(EXTENSIBLEMARKUPLANGUAGE),是以純文本的形式來(lái)描述數(shù)據(jù)和存儲(chǔ)數(shù)據(jù)的具有結(jié)構(gòu)性的標(biāo)記語(yǔ)言。XML是萬(wàn)維網(wǎng)聯(lián)盟(WORLDWIDEWEBCONSORTIUM,W3C)組織制定的一個(gè)跨平臺(tái)的、獨(dú)立于軟硬件的信息存儲(chǔ)和信息傳輸工具,非常適合WEB傳輸。XML為程序之間的交換數(shù)據(jù)提供了一種通用的解決方案,已逐漸成為各領(lǐng)域內(nèi)信息存儲(chǔ)方式的標(biāo)準(zhǔn)。XML這種標(biāo)記語(yǔ)言沒(méi)有預(yù)定義的標(biāo)簽,用戶可以根據(jù)需要自定義標(biāo)記。XML是設(shè)計(jì)用來(lái)傳送及攜帶數(shù)據(jù)信息的4。225CSS簡(jiǎn)介CSS又稱級(jí)聯(lián)樣式表(CASCADINGSTYLESHEET),它是一種用來(lái)表項(xiàng)XML和HTML等文件樣式的計(jì)算機(jī)語(yǔ)言。目前最新的版本是CSS3。CSS支持幾乎所有的字體字號(hào)樣式,擁有對(duì)網(wǎng)頁(yè)對(duì)象的樣式編輯的能力,并能夠進(jìn)行初步的交互設(shè)計(jì),是目前基于文本展示最優(yōu)秀的表現(xiàn)計(jì)算機(jī)語(yǔ)言。1)硬件環(huán)境處理器INTELPENTIUM166MX或更高內(nèi)存1G以上硬盤空間100G以上顯卡512MB顯存以上2)軟件環(huán)境操作系統(tǒng)WINDOWSXP/WINDOWS73網(wǎng)站設(shè)計(jì)由于網(wǎng)站的內(nèi)容比較全面,大多數(shù)是FLASH設(shè)計(jì)的SWF動(dòng)畫(huà)。建設(shè)網(wǎng)站的性質(zhì)為多媒體網(wǎng)站,由FLASH軟件設(shè)計(jì)并建設(shè)的網(wǎng)站,故建設(shè)的流程有以下12個(gè)部分1對(duì)網(wǎng)站建設(shè)進(jìn)行分析2建設(shè)網(wǎng)站素材的收集3創(chuàng)建網(wǎng)站的目錄結(jié)構(gòu)4網(wǎng)站引導(dǎo)動(dòng)畫(huà)設(shè)計(jì)(IDENXSWF)5網(wǎng)頁(yè)預(yù)加載動(dòng)畫(huà)設(shè)計(jì)(MAINSWF)6網(wǎng)頁(yè)主體頁(yè)面動(dòng)畫(huà)設(shè)計(jì)(PAGESWF)7網(wǎng)頁(yè)圖片切換動(dòng)畫(huà)設(shè)計(jì)8網(wǎng)頁(yè)視頻、音樂(lè)動(dòng)畫(huà)設(shè)計(jì)9文字動(dòng)畫(huà)設(shè)計(jì)10生成網(wǎng)站并調(diào)整網(wǎng)站11進(jìn)行網(wǎng)站的最后修改12最終生成網(wǎng)站31對(duì)網(wǎng)站建設(shè)進(jìn)行分析要完成網(wǎng)站的建設(shè),需要對(duì)網(wǎng)站要進(jìn)行分析,對(duì)網(wǎng)站建設(shè)有一個(gè)充分的了解。建設(shè)一個(gè)宣傳網(wǎng)站要進(jìn)行對(duì)此次宣傳動(dòng)畫(huà)有一個(gè)了解,有以下幾點(diǎn)分析結(jié)果(1)網(wǎng)站整體的色調(diào)為灰色和白色,理由是該動(dòng)畫(huà)故事講述的是一個(gè)普通中學(xué)生萌動(dòng)的感情歷程;(2)網(wǎng)站內(nèi)容有圖片、視頻、音樂(lè)和文字,理由是為宣傳該動(dòng)畫(huà),應(yīng)該從靜到動(dòng),讓人能充分的了解這部動(dòng)畫(huà)以及創(chuàng)作人的艱辛;(3)網(wǎng)站的圖片采用網(wǎng)絡(luò)上已有的海報(bào)作為素材;(4)網(wǎng)站的視頻使用該動(dòng)畫(huà)的視頻;(5)網(wǎng)站的音樂(lè)使用該動(dòng)畫(huà)的主題音樂(lè)并應(yīng)用與網(wǎng)站的背景音樂(lè);(6)網(wǎng)站的文字內(nèi)容,主要介紹該動(dòng)畫(huà)的創(chuàng)作團(tuán)隊(duì)、創(chuàng)作的艱辛、獲獎(jiǎng)榮譽(yù)以及后續(xù)作品;(7)網(wǎng)站給內(nèi)容的形式圖片為切換、視頻為播發(fā)、音樂(lè)為播發(fā)、文字為滾動(dòng);(8)網(wǎng)站首頁(yè)是由三個(gè)部分組成,分別為引導(dǎo)動(dòng)畫(huà)INDEX,預(yù)加載動(dòng)畫(huà)MAIN以及主體動(dòng)畫(huà)PAGE。32建設(shè)網(wǎng)站素材的收集在建設(shè)網(wǎng)站開(kāi)始前,還要對(duì)網(wǎng)站所需要的素材進(jìn)行收集,并對(duì)這些素材進(jìn)行處理和整理。素材的收集主要是通過(guò)網(wǎng)絡(luò)收集,收集的素材會(huì)是五花八門,需要對(duì)其進(jìn)行分析和處理,而處理則需要使用PHOTOSHOP等圖像處理軟件進(jìn)行圖片的處理。有些素材是在網(wǎng)絡(luò)上收集不到的,則使用PHOTOSHOP等圖像處理軟件來(lái)進(jìn)行設(shè)計(jì)。最終收集到的素材有圖片(封面圖片有10張、產(chǎn)品圖片有10張),視頻有3部,音樂(lè)1首,動(dòng)漫相關(guān)信息文字1份。而需要設(shè)計(jì)的素材則要等需要的時(shí)候才進(jìn)行設(shè)計(jì)處理。33創(chuàng)建網(wǎng)站的目錄結(jié)構(gòu)331模塊結(jié)構(gòu)分析要建設(shè)一個(gè)好的宣傳網(wǎng)站,需要對(duì)網(wǎng)站的目錄進(jìn)行分析。網(wǎng)站中的網(wǎng)頁(yè)所用到的圖片、視頻、音樂(lè)等源文件,需要有一個(gè)模塊來(lái)規(guī)劃資源,通過(guò)超鏈接實(shí)現(xiàn)對(duì)其他網(wǎng)頁(yè)或網(wǎng)站的關(guān)聯(lián)和跳轉(zhuǎn),而該網(wǎng)站所規(guī)劃的模塊有首頁(yè)、茗記之圖、茗記之視、茗記之聲、茗記之路、茗記周邊。故如圖31所示茗記網(wǎng)站需求模塊首頁(yè)茗記之圖茗記之視茗記之聲茗記之路茗記周邊圖31模塊結(jié)構(gòu)332模塊的功能首頁(yè)主要簡(jiǎn)單介紹動(dòng)漫的大致的內(nèi)容、相關(guān)的信息以及一些重要的信息,同時(shí)也播發(fā)一些于之相關(guān)的動(dòng)漫宣傳海報(bào)等圖片;茗記之圖主要播發(fā)圖片動(dòng)畫(huà),并與用戶進(jìn)行一些簡(jiǎn)單的切換互動(dòng),如左右滑動(dòng)圖片,放大圖片等互動(dòng);茗記之視主要播放與動(dòng)漫相關(guān)的動(dòng)漫視頻,并有相應(yīng)的內(nèi)容簡(jiǎn)介和相關(guān)宣傳視頻;茗記之聲主要播放動(dòng)漫中主題曲,以及在播放音樂(lè)中同樣播放圖片;茗記之路主要介紹制作團(tuán)隊(duì)在制作該動(dòng)漫的路程以及獲得的獎(jiǎng)項(xiàng);茗記周邊主要介紹已在世面上市的動(dòng)漫周邊產(chǎn)品以及動(dòng)漫周邊銷售的相關(guān)店鋪和網(wǎng)址。333目錄結(jié)構(gòu)分析建設(shè)一個(gè)FLASH網(wǎng)站,通常是由SWF文件、相關(guān)文本文件、圖片文件、視頻文件、腳本文件、樣式文件組成。根據(jù)前面網(wǎng)站模版需求分析,網(wǎng)站目錄結(jié)構(gòu)的設(shè)計(jì)有INDEXHTM、IMAGES、SWF、TXT、XML、CSS、ACTION文件。以下是對(duì)文件的說(shuō)明INDEXHTM主要由INDEXSWF、MAINSWF、PAGESWF組成;IMAGES主要存放圖片文件和頁(yè)面所需要調(diào)動(dòng)的圖片;(根據(jù)實(shí)際需求放置)SWF主要存放SWF影片以及頁(yè)面所需要調(diào)用的SWF影片(根據(jù)實(shí)際需求放置);TXT主要存放文本文件以及及頁(yè)面所需要調(diào)用的TXT文件;(根據(jù)實(shí)際需求放置)XML主要存放XML文件以及頁(yè)面所需要調(diào)用的XML文件;(根據(jù)實(shí)際需求放置)CSS主要存放頁(yè)面所需要調(diào)用樣式;(根據(jù)實(shí)際需求放置)ACTION主要存放頁(yè)面所需要調(diào)用SWF的腳本文件(根據(jù)實(shí)際需求放置)。334網(wǎng)頁(yè)之間的關(guān)系建設(shè)網(wǎng)站還需要對(duì)網(wǎng)站中各個(gè)頁(yè)面的關(guān)系理順,以方便以后的網(wǎng)站建設(shè)以及頁(yè)面的設(shè)計(jì)。整個(gè)網(wǎng)站是由3個(gè)大頁(yè)面以及6個(gè)鑲嵌頁(yè)面組成,打開(kāi)網(wǎng)站的流程是大致如圖32INDEXHTMLMAINSWFPAGESWF茗記之圖首頁(yè)茗記之視茗記之聲茗記之路茗記周邊圖32網(wǎng)頁(yè)流程34網(wǎng)站引導(dǎo)動(dòng)畫(huà)設(shè)計(jì)(IDENXSWF)引導(dǎo)動(dòng)畫(huà)主要的實(shí)現(xiàn)功能是預(yù)加載MAINSWF文件的功能。在這文件內(nèi)主要有個(gè)影片剪輯元件,一個(gè)是進(jìn)度條和一個(gè)進(jìn)度條01。采用了FLASH自帶了LOADER類,節(jié)省了網(wǎng)站建設(shè)的時(shí)間,如果采用其他的控制方法,需要調(diào)用大量的函數(shù),從而影響了用戶的游覽頁(yè)面的進(jìn)度,大大降低了游覽網(wǎng)頁(yè)的興趣。其實(shí)現(xiàn)功能代碼如圖33圖33關(guān)鍵代碼代碼實(shí)現(xiàn)了加載MAINSWF文件,并且使用進(jìn)度條和顯示數(shù)字的方法來(lái)表示加載的狀況以及加載完畢后消失的功能。35網(wǎng)頁(yè)預(yù)加載動(dòng)畫(huà)設(shè)計(jì)(MAINSWF)預(yù)加載動(dòng)畫(huà)主要功能是實(shí)現(xiàn)預(yù)加載PAGESWF文件,從引導(dǎo)動(dòng)畫(huà)進(jìn)入跳轉(zhuǎn)至主體動(dòng)畫(huà)頁(yè)面的功能,文件中包含了4個(gè)影片元件、3個(gè)圖形資源、2個(gè)圖形元件、1個(gè)按鈕元件個(gè)以及在制作過(guò)程中產(chǎn)生的補(bǔ)間動(dòng)畫(huà)。在WENZI2剪輯的中使用了圖層遮掩動(dòng)畫(huà)來(lái)制作動(dòng)畫(huà),在遮掩圖層上方建立一個(gè)ACTION圖層,在該圖層的第40幀添加關(guān)鍵幀,輸入代碼STOPDISPATCHEVENTNEWEVENT“MINGJI“代碼的功能是等待播放完畢停止并會(huì)拋出一個(gè)事件MINGJI。最后效果如圖34;圖34效果圖建立動(dòng)畫(huà)后在進(jìn)度條圖層上建立一個(gè)ACTION圖層,并在第21、41、42幀添加關(guān)鍵幀。在21幀處輸入代碼,為MINGJI影片剪輯添加一個(gè)事件,其代碼如下STOPMINGJIADDEVENTLISTENER“MINGJI“,GOTOFUNCTIONGOTOEVTEVENTVOIDGOTOANDPLAY22代碼主要的功能是等待MINGJI影片剪輯播發(fā)完畢后接收由MINGJI影片剪輯拋出的事件MINGJI并跳轉(zhuǎn)到下一幀的功能。在41幀,輸入代碼,建立SKIPWORK函數(shù)和ANNUGENSUI函數(shù),為SKIP添加鼠標(biāo)點(diǎn)擊事件,部分代碼如圖35圖35關(guān)鍵代碼代碼主要實(shí)現(xiàn)了按鈕SKIP的鼠標(biāo)跟隨和輸出了SKIP的坐標(biāo),方便看出SKIP跟隨鼠標(biāo)的行蹤,了解其工作的原來(lái)并且跳轉(zhuǎn)到42幀進(jìn)行播放。在42幀,輸入代碼如圖36圖36部分代碼代碼主要實(shí)現(xiàn)了加載PAGESWF文件以及進(jìn)度條的控制,實(shí)現(xiàn)了進(jìn)度條的出現(xiàn)和消失。36網(wǎng)頁(yè)主體頁(yè)面動(dòng)畫(huà)設(shè)計(jì)(PAGESWF)主體頁(yè)面的動(dòng)畫(huà)設(shè)計(jì)是網(wǎng)站建設(shè)的重要主要部分,這部分是網(wǎng)站的價(jià)值體現(xiàn)。而這部分由許多的SWF動(dòng)畫(huà)、文字和動(dòng)畫(huà)組成。實(shí)現(xiàn)加載外部SWF動(dòng)畫(huà)、加載文字、頁(yè)面轉(zhuǎn)場(chǎng)特效、局部刷新等功能。頁(yè)面框架設(shè)計(jì)如圖37圖37框架設(shè)計(jì)圖主體頁(yè)面包含了圖片LOGO、按鈕區(qū)、功能實(shí)現(xiàn)區(qū)、版權(quán)說(shuō)明等元素。通過(guò)按鈕區(qū)的按鈕來(lái)切換功能實(shí)現(xiàn)區(qū)中的不同功能,其中代碼格式如下MAINGOTOANDSTOP“ONE“NAVIGATIONPAGE1ADDEVENTLISTENERMOUSEEVENTCLICK,SHOUYEFUNCTIONSHOUYEEVENTMOUSEEVENTVOIDMAINGOTOANDSTOP“ONE“其中NAVIGATIONPAGE1是指按鈕區(qū)的第一個(gè)按鈕,通過(guò)修改其中的數(shù)字選擇不同的按鈕;函數(shù)SHOUYE實(shí)現(xiàn)跳轉(zhuǎn)到MAIN中標(biāo)記ONE的幀并停止的功能。MAIN是功能實(shí)現(xiàn)區(qū)的一個(gè)重要的影片剪輯元件,是用于加載各個(gè)頁(yè)面功能動(dòng)畫(huà)的載體。MAIN是由6個(gè)影片剪輯元件構(gòu)成,為了更好的配合功能實(shí)現(xiàn)區(qū)的大小,對(duì)6個(gè)元件的大小位置設(shè)置是一致,只有內(nèi)容不一樣,并為其標(biāo)識(shí)標(biāo)簽,如圖38圖38幀標(biāo)簽在功能實(shí)現(xiàn)區(qū)中首頁(yè)影片剪輯的代碼中“SYSTEMUSECODEPAGETRUE”解決了在加載外部文件時(shí),對(duì)其文本進(jìn)行編碼格式判斷,以確保文字顯示正常而不會(huì)出現(xiàn)亂碼。如圖39圖39實(shí)現(xiàn)代碼功能區(qū)主要采用了外部加載的方式,減少了在一個(gè)網(wǎng)頁(yè)的加載量,并且實(shí)現(xiàn)了局部的刷新功能,從而在切換到其他功能區(qū)時(shí),不會(huì)出現(xiàn)普通網(wǎng)頁(yè)所出現(xiàn)的空白頁(yè)面,也減少了在建設(shè)網(wǎng)站時(shí)所產(chǎn)生的混亂,明確的建設(shè)網(wǎng)站的步驟。同時(shí)每個(gè)頁(yè)面都是分開(kāi)獨(dú)立設(shè)計(jì),無(wú)需在同一個(gè)文件內(nèi)設(shè)計(jì),減少了文件的存儲(chǔ)量和腳本量,加快了建設(shè)網(wǎng)站的速度以及用戶能快速的打開(kāi)網(wǎng)頁(yè)。獨(dú)立設(shè)計(jì)各個(gè)頁(yè)面避免了在以后修改時(shí)帶來(lái)的困難與花費(fèi)時(shí)間去尋找其頁(yè)面,如某頁(yè)面出現(xiàn)問(wèn)題,便能在第一時(shí)間內(nèi)處理這個(gè)頁(yè)面,不會(huì)影響到其他的頁(yè)面,降低了游覽網(wǎng)站的影響。37網(wǎng)頁(yè)圖片切換動(dòng)畫(huà)設(shè)計(jì)網(wǎng)頁(yè)圖片的切換在這設(shè)計(jì)中主要有三種,一種是簡(jiǎn)單的圖片切換,一種是3D動(dòng)畫(huà)切換和觸屏切換。而這三種動(dòng)畫(huà)分別用應(yīng)用在首頁(yè)、圖片、音樂(lè)和周邊的模塊中。371簡(jiǎn)單的圖片切換該動(dòng)畫(huà)實(shí)現(xiàn)了圖片的來(lái)回的切換并且能自動(dòng)切換圖片,為了提高在網(wǎng)頁(yè)上的傳輸速率,采用了外部加載圖片的方法,存儲(chǔ)的方式為XML。采用了容器的方法來(lái)加載圖片并通過(guò)腳本來(lái)實(shí)現(xiàn)圖片大小的限制。該動(dòng)畫(huà)包含了兩個(gè)影片剪輯,分別為SMALLPIC和BIGPIC,這兩個(gè)影片剪輯主要實(shí)現(xiàn)了加載圖片。建立函數(shù)BIGPICSHOW來(lái)實(shí)現(xiàn)圖片切換的特效以及設(shè)置圖片自動(dòng)切換的時(shí)間,代碼“FLAGSETTIMEOUTBIGPICSHOW,5000,I”修改其中的數(shù)值,可以改變圖片自動(dòng)切換的時(shí)間長(zhǎng)短。建立函數(shù)SHOWSMALLPIC和SHOWBIGPIC實(shí)現(xiàn)在舞臺(tái)建立兩個(gè)容器并約束SMALLPIC和BIGPIC兩個(gè)影片剪輯在這兩個(gè)容器內(nèi)的顯示。其中函數(shù)SHOWSMALLPIC中部分的代碼如下FUNCTIONSHOWSMALLPICVOIDSPADDEVENTLISTENERMOUSEEVENTMOUSE_OVER,SPOVERSPADDEVENTLISTENERMOUSEEVENTMOUSE_OUT,SPOUT通過(guò)給小圖添加了兩個(gè)鼠標(biāo)監(jiān)聽(tīng),來(lái)解決小圖在顯示的過(guò)程中改變起透明度的大小。在SHOWBIGPIC函數(shù)中,通過(guò)建立TWEEN方法來(lái)實(shí)現(xiàn)大圖的切換方式,并且通過(guò)FOR循環(huán)語(yǔ)句,來(lái)建立與顯示小圖之間的關(guān)系,從而實(shí)現(xiàn)了在點(diǎn)擊小圖時(shí),能切換到相應(yīng)的大圖,避免了錯(cuò)誤的顯示或者顯示不完整等現(xiàn)象。最終的效果如圖310圖310最終效果3723D動(dòng)畫(huà)切換3D動(dòng)畫(huà)切換主要是通過(guò)調(diào)用外部的類來(lái)實(shí)現(xiàn)圖片的3D切換效果,這些類是通過(guò)FLASHCS5動(dòng)畫(huà)設(shè)計(jì)經(jīng)典100例光盤下載,類名分別為CAMERA3DAS、MATRIX3X3AS、VECTOR3DAS,然后通過(guò)導(dǎo)入該類對(duì)圖片進(jìn)行調(diào)用。而圖片的加載是外部加載,存儲(chǔ)也是通過(guò)XML來(lái)存儲(chǔ)。圖片的切換可以通過(guò)鍵盤上的“”T、“G”、“A”、“D”來(lái)控制上下左右以及鍵盤上的“S”和“W”來(lái)控制顯示圖片的大小,也可以通過(guò)鼠標(biāo)左右移動(dòng)來(lái)切換圖片以及滾動(dòng)鼠標(biāo)的中鍵來(lái)縮放圖片的大小。要實(shí)現(xiàn)鍵盤功能,需要建立鍵盤函數(shù)INTKEY,其部分代碼如圖311圖311部分代碼建立此函數(shù)的目的是為了在使用鍵盤來(lái)對(duì)圖片切換放大時(shí),網(wǎng)頁(yè)能收到相應(yīng)的數(shù)字,能調(diào)用相應(yīng)的函數(shù),來(lái)進(jìn)行對(duì)圖片的互動(dòng)。函數(shù)內(nèi)包含了26個(gè)字母,而且實(shí)際用到的字母很少,但是為了方便以后增添功能,故把26個(gè)字母輸入此函數(shù)。建立INITKEYBOARDEVENT函數(shù),主要是獲取到鍵盤上的信息,方便調(diào)用KEYDOWNHANDLER和KEYUPHANDLER函數(shù),實(shí)現(xiàn)在鍵盤上控制圖片的操作。建立鍵盤和鼠標(biāo)后,建立一個(gè)START3DENGINE函數(shù),部分代碼如圖312,該函數(shù)對(duì)互動(dòng)行為進(jìn)行判斷,能實(shí)現(xiàn)鍵盤、鼠標(biāo)之間無(wú)縫的切換,并且方便以后添加新的互動(dòng)行為。圖312切換之間部分代碼372觸屏動(dòng)畫(huà)切換該互動(dòng)模式是最新的人機(jī)互動(dòng)模式。動(dòng)畫(huà)才用了一個(gè)AS30的類,名稱為HTOUCHSCROLLAS,該類部分代碼如圖313圖313部分代碼該類主要解決觸屏?xí)r的一個(gè)監(jiān)聽(tīng)工作,雖然沒(méi)有用到FLASH自帶TOUCH類,而采用鼠標(biāo)事件來(lái)代替TOUCH事件,但是能很好的完成觸屏的互動(dòng)。該類主要添加了鼠標(biāo)點(diǎn)擊和按鈕事件。使用鼠標(biāo)事件來(lái)代替TOUCH事件,能滿足在不是觸屏的環(huán)境下也能很好的做到切換圖片工作;在觸屏的環(huán)境下,使用人的手來(lái)代替鼠標(biāo)的點(diǎn)擊拖圖,來(lái)完成手勢(shì)的監(jiān)聽(tīng)和圖片的切換。如果使用TOUCH類來(lái)進(jìn)行圖片切換,腳本會(huì)很多,從而加大了工作量。該動(dòng)畫(huà)最終的效果如圖314圖314最終效果38網(wǎng)頁(yè)視頻、音樂(lè)動(dòng)畫(huà)設(shè)計(jì)381音樂(lè)播發(fā)器動(dòng)畫(huà)設(shè)計(jì)音樂(lè)播發(fā)器主要有播發(fā)、暫停、靜音基本的功能,為了更好的配合該動(dòng)漫的宣傳網(wǎng)站設(shè)計(jì),播發(fā)器采用了與該動(dòng)漫相關(guān)的元素,效果如圖313圖313播發(fā)器在PAGESWF中是采用外部加載,白色的播放器與頁(yè)面的色調(diào)產(chǎn)生較大的反差,讓用戶有一種視覺(jué)的沖突感。并且在PAGESWF其頁(yè)面中,還配搭了圖片的自動(dòng)切換,降低了因頁(yè)面只有一個(gè)播放器而帶來(lái)的枯燥。在設(shè)計(jì)中,如以后需要添加其他曲目,可以仿照其視頻播放動(dòng)畫(huà)。382視頻播發(fā)動(dòng)畫(huà)設(shè)計(jì)視頻播放的設(shè)計(jì)主要有四大部分,分別是視頻標(biāo)題、視頻列表、視頻簡(jiǎn)介以及視頻播放,而視頻標(biāo)題和視頻簡(jiǎn)介采用了外部加載,采用了XML、HMTL技術(shù)來(lái)實(shí)現(xiàn)。而視頻播放的實(shí)現(xiàn)主要是通過(guò)FLV的外部載入。制作視頻播放的元素大多采用FLASH中的組件功能來(lái)實(shí)現(xiàn),節(jié)省了許多繪制時(shí)間,大大提高了制作視頻播放頁(yè)面設(shè)計(jì)的速度。其中,視頻在播放過(guò)程中可以任意拖動(dòng)滑塊來(lái)控制視頻的播發(fā)位置和視頻的音量,可以通過(guò)按鈕來(lái)實(shí)現(xiàn)視頻的暫停等基本功能,同樣可以通過(guò)視頻列表來(lái)切換所播發(fā)視頻的內(nèi)容,主要的實(shí)現(xiàn)代碼如圖314圖314功能實(shí)現(xiàn)代碼該代碼主要實(shí)現(xiàn)了用戶在點(diǎn)擊播放列表時(shí),相應(yīng)的播放區(qū)域和視屏簡(jiǎn)介的更新,使用IF判斷語(yǔ)句,通過(guò)建立兩個(gè)元件并與播發(fā)區(qū)域和視頻簡(jiǎn)介區(qū)域的元件聯(lián)系,進(jìn)行更新。在視頻動(dòng)畫(huà)設(shè)計(jì)過(guò)程中,考慮到網(wǎng)上流行的FLV播放的頁(yè)面,如優(yōu)酷、土豆網(wǎng)頁(yè),其網(wǎng)頁(yè)都能實(shí)現(xiàn)點(diǎn)播的功能。在該動(dòng)畫(huà)設(shè)計(jì)中,才用了HTML和XML的技術(shù),來(lái)實(shí)現(xiàn)了視頻點(diǎn)播的列表和視頻名稱的存儲(chǔ)信息,在點(diǎn)擊相應(yīng)的視頻后能自動(dòng)跳轉(zhuǎn)到加載該視頻。而視頻的相關(guān)信息介紹,則是才用XML技術(shù)來(lái)存儲(chǔ)文本信息,并與視頻列表和視頻播發(fā)器掛鉤,三者通過(guò)FOR循環(huán)和IF循環(huán)的鑲嵌,使其相互勾連,實(shí)現(xiàn)了在點(diǎn)播視頻時(shí)不會(huì)出現(xiàn)視頻名稱不對(duì)、視頻介紹不對(duì)的相關(guān)錯(cuò)誤信息。39文字動(dòng)畫(huà)設(shè)計(jì)文字動(dòng)畫(huà)采用外部加載TXT文件來(lái)讀取文字,方便以后的添加文字,其代碼VARMYLOADERURLLOADERNEWURLLOADERVARURLURLREQUESTNEWURLREQUEST“TXT/TXT2TXT“MYLOADERLOADURLMYLOADERADDEVENTLISTENEREVENTCOMPLETE,ONCOMPLETEFUNCTIONONCOMPLETEEVTEVENTVOIDWENBEN_TXTTEXTEVTTARGETDATA該代碼很好的導(dǎo)入了TXT文檔中的內(nèi)容??紤]到加載文本時(shí)出現(xiàn)了亂碼,需要添加以下代碼SYSTEMUSECODEPAGETRUE4總結(jié)本論文主要是通過(guò)使用FLASH來(lái)建設(shè)網(wǎng)站,在建設(shè)的過(guò)程中,讓學(xué)習(xí)這科的學(xué)生更好的理解FLASH網(wǎng)站建設(shè)的基本過(guò)程以及FLASH制作動(dòng)畫(huà)的相關(guān)基礎(chǔ)知識(shí)。網(wǎng)站主要展示了FLASH動(dòng)畫(huà)中的基礎(chǔ)知識(shí)以及相關(guān)的技術(shù),如PHOTOSHOP圖片處理技術(shù)、XML技術(shù)、ACTIONSCRIPT30技術(shù)、HTML技術(shù)等,也同樣讓學(xué)生看到了FLASH網(wǎng)站建設(shè)的發(fā)展方向,大大的提高了學(xué)生的繼續(xù)加深學(xué)習(xí)興趣。在制作的過(guò)程中遇到了許多的困難,如在圖片切換的設(shè)計(jì)中,由于不能很好的無(wú)縫切換圖片,導(dǎo)致效果不佳,最后通過(guò)老師的分析與講解,修改了元件內(nèi)的腳本中部分常數(shù)和圖層腳本的參數(shù),解決了該問(wèn)題。同樣通過(guò)FLASH網(wǎng)站建設(shè)過(guò)程中,也收獲了不小的知識(shí),如視頻的播放設(shè)計(jì),通過(guò)課本與網(wǎng)上搜索的學(xué)習(xí)與探究,學(xué)習(xí)了使用HTML、XML、CSS與FLASH相互結(jié)合,制作了目前視頻網(wǎng)站比較流行的點(diǎn)播方式頁(yè)面;如3D圖片切換動(dòng)畫(huà)設(shè)計(jì),該設(shè)計(jì)是通過(guò)課本的學(xué)習(xí)過(guò)程中得到了啟發(fā),該動(dòng)畫(huà)使用了很多網(wǎng)上已有的類,大大減少了制作
溫馨提示
- 1. 本站所有資源如無(wú)特殊說(shuō)明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒(méi)有圖紙預(yù)覽就沒(méi)有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。
最新文檔
- 2025年大學(xué)計(jì)算機(jī)與網(wǎng)絡(luò)技術(shù)(網(wǎng)絡(luò)趨勢(shì)分析)試題及答案
- 2025年中職(建筑施工)建筑腳手架搭設(shè)試題及答案
- 2025年大學(xué)大一(社會(huì)學(xué)概論)社會(huì)流動(dòng)試題及解析
- 2025年中職直播管理應(yīng)用(應(yīng)用技術(shù))試題及答案
- 2025年大學(xué)大一(心理學(xué))普通心理學(xué)基礎(chǔ)試題及答案
- 2025年大學(xué)大三(金融學(xué))國(guó)際金融試題及答案
- 2025年大學(xué)大三(建筑學(xué))建筑歷史基礎(chǔ)試題及解析
- 2025年大學(xué)運(yùn)動(dòng)解剖學(xué)(內(nèi)分泌系統(tǒng))試題及答案
- 2025年大學(xué)大一(倫理學(xué))倫理學(xué)基礎(chǔ)試題及解析
- 2025年大學(xué)茶藝與茶營(yíng)銷(茶店經(jīng)營(yíng)管理)試題及答案
- 高三教研組期末工作總結(jié)報(bào)告
- 陪診合同模板(3篇)
- 2026年廈門鼓浪嶼故宮文物館面向社會(huì)公開(kāi)招聘6名工作人員參考考試題庫(kù)及答案解析
- 科研助理達(dá)標(biāo)測(cè)試考核試卷含答案
- 醫(yī)療大數(shù)據(jù)的糾紛預(yù)測(cè)與早期干預(yù)策略
- 2025年喀什地區(qū)巴楚縣輔警(協(xié)警)招聘考試題庫(kù)附答案解析
- 期末綜合質(zhì)量檢測(cè)卷(試題)-2025-2026學(xué)年 五年級(jí)上冊(cè)數(shù)學(xué)蘇教版
- 2025成都易付安科技有限公司第一批次招聘15人筆試重點(diǎn)試題及答案解析
- 江蘇省2025年普通高中學(xué)業(yè)水平合格性考試物理試卷(含答案詳解)
- 2025年院感防控知識(shí)考核試題含答案
- 食堂營(yíng)銷方案創(chuàng)意(3篇)
評(píng)論
0/150
提交評(píng)論