FLASH技術(shù)在IVIS系統(tǒng)中的應(yīng)用- 夏季風(fēng)個(gè)人網(wǎng)站的設(shè)計(jì)網(wǎng)絡(luò)工程專(zhuān)業(yè)

《FLASH技術(shù)在IVIS系統(tǒng)中的應(yīng)用- 夏季風(fēng)個(gè)人網(wǎng)站的設(shè)計(jì)網(wǎng)絡(luò)工程專(zhuān)業(yè)》由會(huì)員分享，可在線閱讀，更多相關(guān)《FLASH技術(shù)在IVIS系統(tǒng)中的應(yīng)用- 夏季風(fēng)個(gè)人網(wǎng)站的設(shè)計(jì)網(wǎng)絡(luò)工程專(zhuān)業(yè)（20頁(yè)珍藏版）》請(qǐng)?jiān)谘b配圖網(wǎng)上搜索。

1、 FLASH技術(shù)在IVIS系統(tǒng)中的應(yīng)用- 夏季風(fēng)個(gè)人網(wǎng)站的設(shè)計(jì) 目 錄 摘要……………………………………………………………………………………………………1 第一章 引言………………………………………………………………………………………2 1．1互聯(lián)網(wǎng)的發(fā)展 ………………………………………………………………………………3 1．1.1互聯(lián)網(wǎng)的發(fā)展 ……………………………………………………………………………4 1．1.2互聯(lián)網(wǎng)的屬性特點(diǎn) ………………………………………………………………………5 1．2網(wǎng)絡(luò)形象設(shè)計(jì)…………………………………

2、…………………………………………………6 1．2．1歷史的網(wǎng)絡(luò)形象設(shè)計(jì)………………………………………………………………………7 1．2．2網(wǎng)絡(luò)形象識(shí)別設(shè)計(jì)…………………………………………………………………………8 第二章 工作室系統(tǒng)的相關(guān)技術(shù)介紹和分析……………………………………………………9 2．1 Flash技術(shù)特點(diǎn) ………………………………………………………………………………10 2．2 Flash網(wǎng)站設(shè)計(jì)的相關(guān)技術(shù)…………………………………………………………………11 2．3 Flash設(shè)計(jì)中的關(guān)鍵技術(shù) ……………………………………………………………………12 第三章

3、 工作室網(wǎng)絡(luò)形象識(shí)別設(shè)計(jì) ……………………………………………………………13 3．1工作室進(jìn)行網(wǎng)絡(luò)形象設(shè)計(jì)的目的 …………………………………………………………14 3．2工作室網(wǎng)絡(luò)形象設(shè)計(jì)的內(nèi)容 ………………………………………………………………15 3．2．1網(wǎng)站的VI設(shè)計(jì)……………………………………………………………………………16 3．2．2網(wǎng)絡(luò)形象的整體定位……………………………………………………………………17 3．2．3網(wǎng)絡(luò)形象標(biāo)志設(shè)計(jì)的形式………………………………………………………………18 3.3網(wǎng)站進(jìn)行網(wǎng)絡(luò)形象設(shè)計(jì)應(yīng)注意的問(wèn)題 ………………………………………………

4、……19 第四章 工作室系統(tǒng)結(jié)構(gòu)設(shè)計(jì) ……………………………………………………………………20 4．1系統(tǒng)功能概述 …………………………………………………………………………………21 4．2系統(tǒng)結(jié)構(gòu)設(shè)計(jì)框圖……………………………………………………………………………22 第五章 站點(diǎn)測(cè)試及后續(xù)開(kāi)發(fā)展望 …………………………………………………………23 5．1站點(diǎn)測(cè)試及后續(xù)開(kāi)發(fā)展望 ………………………………………………………………24 主要參考文獻(xiàn) ………………………………………………………………………………………25 摘要： 隨著網(wǎng)絡(luò)的發(fā)展，網(wǎng)絡(luò)形象識(shí)別設(shè)計(jì)

5、已經(jīng)成為視覺(jué)文化時(shí)代設(shè)計(jì)主流。網(wǎng)絡(luò)形象識(shí)別在對(duì)公司或產(chǎn)品的宣傳中起著非常重要的作用。網(wǎng)絡(luò)形象設(shè)計(jì)有其的發(fā)展歷史及其發(fā)展過(guò)程。它是VI含義逐漸應(yīng)用到互聯(lián)網(wǎng)上。它既是CI部分的延伸、也是VI部分的發(fā)展與具體應(yīng)用。在網(wǎng)絡(luò)中給人強(qiáng)烈的視覺(jué)沖擊和印象。本文主要介紹了“夏季風(fēng)”個(gè)人網(wǎng)站的設(shè)計(jì)來(lái)具體說(shuō)明Flash技術(shù)在VISI中的應(yīng)用。其中包括了Flash技術(shù)特點(diǎn)，F(xiàn)lash網(wǎng)站設(shè)計(jì)的相關(guān)技術(shù)，網(wǎng)絡(luò)形象識(shí)別設(shè)計(jì)的具體內(nèi)容，如何用Flash技術(shù)將網(wǎng)絡(luò)形象識(shí)別設(shè)計(jì)實(shí)現(xiàn)等等。 [關(guān)鍵詞]：網(wǎng)絡(luò)形象設(shè)計(jì) Flash技術(shù)特點(diǎn) 網(wǎng)絡(luò)形象設(shè)計(jì)的實(shí)現(xiàn) 第一章 引言 隨著時(shí)代步伐的前進(jìn)，時(shí)代的概念也在

6、逐漸變化，第四媒體互聯(lián)網(wǎng)的迅速發(fā)展，使信息傳播業(yè)面臨一場(chǎng)變革，視覺(jué)識(shí)別系統(tǒng)（visual Indentity system）,也延伸到新的領(lǐng)域，互聯(lián)網(wǎng)絡(luò)上逐漸成為企業(yè)訊息等宣傳的重要陣地，具有迅捷、傳播范圍廣等優(yōu)勢(shì)，vi的含義也逐漸應(yīng)用在互聯(lián)網(wǎng)上，我們重新定義為網(wǎng)絡(luò)形象識(shí)別設(shè)計(jì)，簡(jiǎn)稱(chēng)VISI(Visual Indentity system internate),開(kāi)拓了新的空間，視覺(jué)文化成為主導(dǎo)設(shè)計(jì)潮流. 1.1 互聯(lián)網(wǎng)的發(fā)展 1.1.1 互聯(lián)網(wǎng)的發(fā)展 自從發(fā)明了電腦，出現(xiàn)了WWW,科學(xué)發(fā)明改變了社會(huì)，人類(lèi)的智慧是無(wú)窮無(wú)限的，互聯(lián)網(wǎng)的發(fā)明稱(chēng)之為人類(lèi)歷史上迄今為止的最偉大的發(fā)明。PC時(shí)代的

7、數(shù)字化是個(gè)人的，互聯(lián)網(wǎng)時(shí)代的數(shù)字化則是全球的?；ヂ?lián)網(wǎng)使時(shí)空的距離成為零，整個(gè)地球被收縮成一個(gè)新的世界，我們可以周游世界，大大地降低了信息的傳播費(fèi)用，實(shí)現(xiàn)社會(huì)化，達(dá)到信息的迅速?gòu)V泛的傳播。與傳統(tǒng)的傳媒方式相比較，互聯(lián)網(wǎng)具有鮮明的優(yōu)勢(shì)。以計(jì)算機(jī)二進(jìn)制語(yǔ)言處理的數(shù)字化信息，構(gòu)成了信息社會(huì)的最基本原子，在信息時(shí)代，人類(lèi)的生存和生活，不可避免地建立在數(shù)字化信息之上，第四大眾傳媒互聯(lián)網(wǎng)將普及發(fā)展與人類(lèi)社會(huì)。網(wǎng)絡(luò)作為新興的第四媒體確實(shí)有它獨(dú)特的優(yōu)勢(shì)，這恐怕任何一個(gè)用過(guò)互聯(lián)網(wǎng)的用戶(hù)都能一一道來(lái): 報(bào)道及時(shí)、零傳播成本、多媒體、可以檢索等等。有報(bào)道說(shuō)互聯(lián)網(wǎng)發(fā)展的速度遠(yuǎn)遠(yuǎn)超過(guò)了前幾任媒體：無(wú)線電廣播問(wèn)世38年后，

8、擁有5000萬(wàn)聽(tīng)眾，電視誕生13年后，擁有同樣數(shù)量的觀眾，而因特網(wǎng)從1993年對(duì)公眾開(kāi)放，到擁有這個(gè)數(shù)量的用戶(hù)只花了4年時(shí)間。網(wǎng)絡(luò)作為新的信息傳播的載體，確實(shí)起了傳統(tǒng)媒體所起的很多功用，或者說(shuō)它替代了傳統(tǒng)媒體的很多功用。 　　公認(rèn)的大眾傳媒主要包括報(bào)紙、廣播、雜志、書(shū)籍和電影等六大媒介。隨著數(shù)字化技術(shù)的發(fā)展，電腦硬件的更新?lián)Q代，互聯(lián)網(wǎng)技術(shù)迅速普及和網(wǎng)站的大量建立，互聯(lián)網(wǎng)正成為一種新的媒體廣泛進(jìn)入人們的生活。如今，國(guó)際上已把互聯(lián)網(wǎng)納入六大媒介中，并將其稱(chēng)為繼報(bào)紙、廣播、電視之后的“第四大眾傳媒”。這說(shuō)明，人們已經(jīng)認(rèn)同了互聯(lián)網(wǎng)的作用，能夠同報(bào)紙、廣播、電視等新聞媒介一樣，廣泛地傳遞新聞信息。其

9、實(shí)，國(guó)際互聯(lián)網(wǎng)不僅具有報(bào)紙、廣播、電視等傳統(tǒng)新聞媒介能夠及時(shí)廣泛傳播信息的一般功能，而且還具有多媒體、實(shí)時(shí)性、交互性傳播新聞信息的獨(dú)特優(yōu)勢(shì)。它使人類(lèi)面臨著一次信息傳播技術(shù)的前所未有的，帶有根本性的突破和變革。傳統(tǒng)的、界限分明的語(yǔ)言、文字、聲音、影像等各種傳播形式之間的銅墻鐵壁頃刻就要瓦解，傳統(tǒng)的、相互分割的報(bào)紙、廣播、書(shū)籍、雜志和電影等大眾傳媒頃刻就要融為一體。人類(lèi)社會(huì)，就要隨著新一代信息傳播新技術(shù)、新媒介進(jìn)入一個(gè)信息傳播的時(shí)代。由于國(guó)際互聯(lián)網(wǎng)所具有的超越傳統(tǒng)新聞媒介的優(yōu)勢(shì)，決定了網(wǎng)絡(luò)對(duì)平面媒體的超越，不過(guò)是遲早的事情。 　互聯(lián)網(wǎng)的發(fā)展使視覺(jué)文化識(shí)別出現(xiàn)了新的空間和領(lǐng)域。 1.1.2互聯(lián)

10、網(wǎng)的屬性特點(diǎn) 以互聯(lián)網(wǎng)為代表技術(shù)的信息時(shí)代，為視覺(jué)傳達(dá)設(shè)計(jì)師們提供了更為廣闊的自由發(fā)揮空間。視覺(jué)傳達(dá)設(shè)計(jì)與新媒體的結(jié)合必將產(chǎn)生前所未有的巨大力量，數(shù)字化設(shè)計(jì)成為未來(lái)設(shè)計(jì)師的主要表現(xiàn)手段。 　 傳播范圍廣 　 信息資源豐富 　　 　 形態(tài)多樣化 　 交互傳達(dá) 　　互聯(lián)網(wǎng)是有史以來(lái)的影響我們生活面最廣、最容易產(chǎn)生互動(dòng)的新科技。互動(dòng)的設(shè)計(jì)更會(huì)引起受眾的興趣，滿(mǎn)足人們的參與感。 1.2 網(wǎng)絡(luò)形象設(shè)計(jì) VI設(shè)計(jì)，來(lái)源英文中的 Visual Indentity System，意即視覺(jué)識(shí)別系統(tǒng)。單單就網(wǎng)站而言，一個(gè)網(wǎng)站上看到的所有圖片、文字、動(dòng)畫(huà)、以及他們的編排方式等等一切能夠看

11、到的元素都是VI設(shè)計(jì)的一部分，簡(jiǎn)單來(lái)說(shuō)，其實(shí)就一一個(gè)網(wǎng)站的外觀，他能在色彩版式等形成一種認(rèn)知識(shí)別，達(dá)到一定的視覺(jué)效應(yīng)，我們重新定義為VISI,即網(wǎng)絡(luò)形象識(shí)別系統(tǒng)(Visual Indentity System internate)它既是CI部分的延伸、有是VI部分的發(fā)展與具體應(yīng)用，網(wǎng)絡(luò)形象識(shí)別系統(tǒng)是一個(gè)系統(tǒng)化的識(shí)別形象，它將根據(jù)企業(yè)CI、VI根據(jù)網(wǎng)絡(luò)的要求整合定位成網(wǎng)絡(luò)形象識(shí)別系統(tǒng)。 網(wǎng)站的外觀重要嗎？一個(gè)網(wǎng)站的內(nèi)容固然重要，但是如果沒(méi)有一個(gè)好看而吸引的外表，哪怕有著再好的內(nèi)容，有著再好的結(jié)構(gòu)，相信整個(gè)網(wǎng)站的瀏覽效果也會(huì)大打折扣，瀏覽者的閱讀興致也會(huì)大減。就等于一個(gè)內(nèi)涵豐富但卻外表平庸的人在

12、一個(gè)公共場(chǎng)所出現(xiàn)，是難以引起別人的注意的一樣。人們稱(chēng)互聯(lián)網(wǎng)經(jīng)濟(jì)為注意力經(jīng)濟(jì)，如何吸引大眾的注意力，除了內(nèi)容是一個(gè)重要的因素外，外觀也同樣起著舉足輕重的作用。網(wǎng)站的外觀非常重要，因此，網(wǎng)站的VI設(shè)計(jì)也非常重要。 網(wǎng)站的VI設(shè)計(jì)。首先網(wǎng)站的整個(gè)頁(yè)面的顏色是否協(xié)調(diào)，千萬(wàn)不可給人刺眼的感覺(jué)；其次要看網(wǎng)頁(yè)上的的文字是否易于閱讀，文字太細(xì)、顏色太淺、頁(yè)面太長(zhǎng)或超出屏幕寬度，都是有違網(wǎng)站設(shè)計(jì)的“美學(xué)原則”；再次要看圖片，圖片太大、太多、太模糊都會(huì)惹來(lái)瀏覽者的反感；最后要看“動(dòng)”與“靜”是否配合得當(dāng)，無(wú)節(jié)制地濫用Flash、動(dòng)態(tài)GIF、滾動(dòng)字幕等效果就會(huì)讓人眼花繚亂，但死氣沉沉，毫無(wú)生氣的頁(yè)面也會(huì)讓人感到

13、乏味。 上面談到的VI設(shè)計(jì)僅僅是就一個(gè)頁(yè)面而言，VI設(shè)計(jì)的另一方面是看整個(gè)網(wǎng)站的所有頁(yè)面是否協(xié)調(diào)與一致。每個(gè)頁(yè)面都使用相同種排版方式、相同的背景色及近似的按鈕都能增加網(wǎng)頁(yè)一致性，樹(shù)立統(tǒng)一的風(fēng)格。這是最基本而有最重要的網(wǎng)站VI設(shè)計(jì) 1.2.1歷史的網(wǎng)絡(luò)形象設(shè)計(jì) 從50年代初到現(xiàn)在，CI的誕生有近50年的歷史,他發(fā)展沿革大致上經(jīng)歷三個(gè)階段: 　　 A 從商標(biāo)品牌到產(chǎn)品視覺(jué)統(tǒng)一設(shè)計(jì)， 　　 B 企業(yè)風(fēng)格的視覺(jué)傳達(dá)設(shè)計(jì)， 　　 C 從視覺(jué)形象識(shí)別到整體形象識(shí)別， CI已經(jīng)從單純的視覺(jué)傳達(dá)設(shè)計(jì)演變?yōu)橐环N企業(yè)形象的傳播策略，我們可以看出VI形象的識(shí)別是現(xiàn)在CI、MI等的最初起源，最初是商品

14、標(biāo)志視覺(jué)功能的擴(kuò)展，商標(biāo)品牌作為商品的標(biāo)記和象征，在商品市場(chǎng)的競(jìng)爭(zhēng)中發(fā)揮這主要作用，1851年，美國(guó)寶齡公司老板發(fā)現(xiàn)負(fù)責(zé)貨運(yùn)的人總是在裝蠟燭的箱子上畫(huà)上黑叉叉，經(jīng)詢(xún)問(wèn)才知道是為了那些目不識(shí)丁的碼頭工人能分辨哪是蠟燭哪是香皂。后來(lái)，有位聰明的工人把難看的叉叉改成了星星，進(jìn)而成為固定的符號(hào)經(jīng)常出現(xiàn)。 CI這一詞最早由美國(guó)的設(shè)計(jì)家來(lái)蒙特于1930年左右提出。第二次世界大戰(zhàn)以后，美國(guó)的經(jīng)濟(jì)發(fā)展在世界一直處于領(lǐng)先地位，企業(yè)重視工業(yè)設(shè)計(jì)和產(chǎn)品的視覺(jué)設(shè)計(jì)?，F(xiàn)代設(shè)計(jì)的搖籃德國(guó)包豪斯設(shè)計(jì)學(xué)院，這所起初培養(yǎng)建筑設(shè)計(jì)而創(chuàng)建的學(xué)校，轉(zhuǎn)而以培養(yǎng)工業(yè)設(shè)計(jì)、商業(yè)設(shè)計(jì)、視覺(jué)傳達(dá)設(shè)計(jì)等專(zhuān)門(mén)人才。造就了一批設(shè)計(jì)師，對(duì)今天設(shè)計(jì)產(chǎn)

15、生了深遠(yuǎn)的影響。 1.2.2網(wǎng)絡(luò)形象識(shí)別設(shè)計(jì) 網(wǎng)絡(luò)形象識(shí)別設(shè)計(jì)要根據(jù)企業(yè)制定的識(shí)別系統(tǒng)進(jìn)行擴(kuò)展延伸，設(shè)計(jì)出新的符合網(wǎng)絡(luò)屬性特點(diǎn)的形象識(shí)別系統(tǒng)。從宏觀上講，網(wǎng)絡(luò)形象應(yīng)該具有統(tǒng)一的整體的便于識(shí)別的設(shè)計(jì)。 　　首先，網(wǎng)絡(luò)形象設(shè)計(jì)的整體定位，網(wǎng)絡(luò)海洋如此之大，但是整體的網(wǎng)絡(luò)視覺(jué)效果很少能出現(xiàn)在我們的屏幕中，這就需要策劃設(shè)計(jì)人員有依據(jù)的進(jìn)行整體定位策劃。VI設(shè)計(jì)中的企業(yè)標(biāo)準(zhǔn)形象需要重新整合組成，事實(shí)上可以憑借CI設(shè)計(jì)里已經(jīng)指定Logo、色彩、或標(biāo)準(zhǔn)字型等予以發(fā)展。尤其是色彩部分，使用正確的色彩往往可以得到相得益彰的效果。另外針對(duì)Logo本身的一致性所作的設(shè)計(jì)上變化也是一種變化，總而言之，所

16、有的做法必須能夠發(fā)展出一套更具品牌形象的設(shè)計(jì)。 　　網(wǎng)絡(luò)形象標(biāo)識(shí)設(shè)計(jì)可以以動(dòng)態(tài)形式或靜態(tài)形式出現(xiàn)，網(wǎng)絡(luò)的web色彩和版式需要統(tǒng)一，我們稱(chēng)網(wǎng)絡(luò)標(biāo)準(zhǔn)色彩和網(wǎng)絡(luò)應(yīng)用版式，當(dāng)然其形式和要素非常多，我們可以概括為基本元素形式。這里所說(shuō)的基本元素主要包括：文字的處理、背景色彩、各種動(dòng)態(tài)按鈕、圖表、表格、導(dǎo)航工具、背景音樂(lè)、互動(dòng)影像、視頻播放、小窗口等，我們需要根據(jù)實(shí)際情況確定元素，當(dāng)然更重要的是整個(gè)元素要有一種共同點(diǎn)，這也就是網(wǎng)絡(luò)形象設(shè)計(jì)的創(chuàng)意設(shè)計(jì)所在。　以上各視聽(tīng)元素大多數(shù)瀏覽器本身都可以顯示或收聽(tīng)，無(wú)需任何外部程序或模塊支持。比如，大部分瀏覽器都可以顯示GIF、JPEG圖形和GIF89a動(dòng)畫(huà)。還有

17、些多媒體文件（如MP3音樂(lè)）需要先下載到本地硬盤(pán)上，然后啟動(dòng)相應(yīng)的外部程序來(lái)播放?？傊夹g(shù)的不斷發(fā)展使多媒體元素在網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)中的綜合運(yùn)用越來(lái)越廣泛，使瀏覽者可以享受到更加完美的視聽(tīng)效果。這些新技術(shù)的出現(xiàn)，也對(duì)網(wǎng)頁(yè)的藝術(shù)設(shè)計(jì)提出了更高的要求。多媒體技術(shù)的運(yùn)用大大豐富了網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)的表現(xiàn)力網(wǎng)頁(yè)的版式設(shè)計(jì)同報(bào)刊雜志等平面媒體的版式設(shè)計(jì)有很多共同之處，它在網(wǎng)頁(yè)的藝術(shù)設(shè)計(jì)中占據(jù)著重要的地位。所謂網(wǎng)頁(yè)的版式設(shè)計(jì)，是在有限的屏幕空間上將視聽(tīng)多媒體元素進(jìn)行有機(jī)的排列組合，將理性思維個(gè)性化的表現(xiàn)出來(lái)，是一種具有個(gè)人風(fēng)格和藝術(shù)特色的視聽(tīng)傳達(dá)方式。它在傳達(dá)信息的同時(shí)，也產(chǎn)生感官上的美感和精神上的享受。 據(jù)

18、說(shuō)視覺(jué)文化的時(shí)代已經(jīng)來(lái)臨。丹尼爾貝爾認(rèn)為：“目前居統(tǒng)治地位的是視覺(jué)觀念。聲音和景象，尤其是后者組織了美學(xué)、統(tǒng)率了觀眾。在一個(gè)大眾社會(huì)里，這幾乎是不可避免的”。隨著時(shí)代的進(jìn)步，大眾社會(huì)的要求逐漸擴(kuò)展延伸，品牌等成為一種無(wú)形資產(chǎn)成為商品分辨和信譽(yù)保證的重要識(shí)別，使得在人們視線里出現(xiàn)整體的視覺(jué)識(shí)別系統(tǒng)，時(shí)代也有了它新的概念，即視覺(jué)文化時(shí)代。視覺(jué)文化時(shí)代的到來(lái)，急劇加速經(jīng)濟(jì)的發(fā)展，經(jīng)濟(jì)的發(fā)展也促使視覺(jué)文化的進(jìn)步，總之，設(shè)計(jì)與經(jīng)濟(jì)時(shí)代的發(fā)展是緊密聯(lián)系不可分割的。 所以網(wǎng)絡(luò)形象識(shí)別設(shè)計(jì)已經(jīng)越來(lái)越重要了。在視覺(jué)文化時(shí)代發(fā)揮著重要的作用。 第二章 網(wǎng)站系統(tǒng)的相關(guān)技術(shù)介紹和分析 2.1.

19、 Flash技術(shù)特點(diǎn) 由于我們本系統(tǒng)是關(guān)于Flash技術(shù)在IVIS中的應(yīng)用，我們用的主要的多媒體創(chuàng)作工具是Flash，所以下面就重點(diǎn)介紹Flash 技術(shù)的優(yōu)點(diǎn)。 Flash的優(yōu)點(diǎn)：極端自由方便的排版方式，下載同時(shí)播放的數(shù)據(jù)流結(jié)構(gòu)，小巧精致的矢量畫(huà)面，強(qiáng)大的交互性能。從中可以看到，F(xiàn)lash的生存更多地與網(wǎng)絡(luò)緊密相連，其大量的特性是與網(wǎng)絡(luò)相關(guān)的?？梢哉f(shuō)，沒(méi)有與網(wǎng)絡(luò)的結(jié)合，F(xiàn)lash絕對(duì)不能取得現(xiàn)在的成功。 作為動(dòng)畫(huà)或者多媒體設(shè)計(jì)軟件，F(xiàn)lash其實(shí)具有的是更為大眾化的特點(diǎn)：反走樣處理后的矢量畫(huà)面美觀大方，同時(shí)支持位圖、聲音……非常簡(jiǎn)單易用的操作，加上不錯(cuò)的性能，這是Flash脫離普通甚

20、至更為強(qiáng)大的多媒體設(shè)計(jì)軟件而獨(dú)具魅力的根本原因。如果一種設(shè)計(jì)工具能夠?yàn)楸M量廣泛的群體所使用，并且盡量地滿(mǎn)足群體的表現(xiàn)，那么這種滿(mǎn)足將代表無(wú)限廣闊的市場(chǎng)。 與網(wǎng)絡(luò)的結(jié)合，使Flash獲得了生命力。而Flash本身也確實(shí)根據(jù)網(wǎng)絡(luò)發(fā)展了自己的優(yōu)勢(shì)。Flash憑什么來(lái)代替原有的HTML世界呢？ 1.極端自由方便的排版方式。有過(guò)Web設(shè)計(jì)經(jīng)驗(yàn)的人都知道，HTML元素的排版的繁瑣程度遠(yuǎn)遠(yuǎn)超過(guò)了普通的圖文混排（盡管DHTML有所改觀）?；诒砀竦呐虐娣绞?，不同瀏覽器的兼容……都讓人傷腦筋。Flash就不同了，自由的排版方式，瀏覽器之間完全兼容，基于矢量的無(wú)級(jí)縮放。 2.強(qiáng)大的交互性能。僅僅能排版還不夠

21、，代替HTML還要能交互。事實(shí)上，鼠標(biāo)＋鍵盤(pán)、事件和腳本的組合使得Flash的交互能力空前加強(qiáng)，在某種程度上甚至超過(guò)了普通的HTML頁(yè)面。 3.個(gè)性化、動(dòng)態(tài)的站點(diǎn)設(shè)計(jì)。設(shè)計(jì)者的靈感獲得更大的發(fā)揮空間，站點(diǎn)的表現(xiàn)力極大地加強(qiáng)了。不論在何種情況下，動(dòng)態(tài)美觀的站點(diǎn)設(shè)計(jì)都是極其吸引人的 2.2. Flash網(wǎng)站設(shè)計(jì)的相關(guān)技術(shù) 1、重要ActionScript代碼控制 　這是全Flash網(wǎng)站實(shí)現(xiàn)的關(guān)鍵，尤其是Flash MX新增了很多功能強(qiáng)大的命令。下面介紹部分制作全Flash網(wǎng)站需要使用的比較重要的ActionScript函數(shù)。 loadMovieNum("url",level[, v

22、ariables]) loadMovie("url",level/target[, variables]) 　 功能說(shuō)明：在播放原來(lái)加載的影片的同時(shí)將SWF或JPEG文件加載進(jìn)來(lái)。 參數(shù)說(shuō)明： url ：要加載的 SWF 或 JPEG 文件的絕對(duì)或相對(duì) URL，不能包含文件夾或磁盤(pán)驅(qū)動(dòng)器說(shuō)明。 Level ：把swf文件以層的形式載入到Movie里，若載入0層，則載入的swf文件將取代當(dāng)前播放的Movie，2層高于1層。 Target ：可用路徑拾取器取得并替換目標(biāo)MC，載入的電影將擁有目標(biāo)MC的位置、大小和旋轉(zhuǎn)角度等屬性。(個(gè)人認(rèn)為用Target好些，在控制載入.swf位置時(shí)

23、比較方便) Variables ：可選參數(shù)，指定發(fā)送變量所使用的 HTTP 方法（GET/POST）， 　　 層次Level：Flash允許同時(shí)運(yùn)行多個(gè)SWF文件，F(xiàn)lash一旦載入一個(gè)SWF文件，則占據(jù)了一個(gè)"層次"，系統(tǒng)默認(rèn)的是_Flash0或_Level0，之后的Movie則按順序放在level0---level16000里。第一個(gè)載入的SWF文件為_(kāi)Flash0或_Level0，第二個(gè)如果加載到第一層時(shí)的稱(chēng)為_(kāi)Flash1或_Level1,依此類(lèi)推。注意前提是前面載入的文件沒(méi)有退出，否則沖掉第一個(gè)SWF文件，第一個(gè)文件也從內(nèi)存中退出。 注意：如果你將

24、外部的Movie加載到Leve0層或者Level0里，那么，原始的Movie就會(huì)被暫時(shí)取代，要再用時(shí)還得重新Load一次，也就是說(shuō)，一個(gè)Level在一個(gè)時(shí)間里只能有一個(gè)Movie存在。在使用LoadMovie和UnLoadMovie時(shí)必須特別注意Level之間的關(guān)系，否則，當(dāng)你希望在一個(gè)時(shí)間里只播放一個(gè)Movie而Unload掉前一個(gè)Movie時(shí)，就會(huì)出現(xiàn)不必要的麻煩。 unloadMovieNum(level) unloadMovie[Num](level/"target") 　 功能說(shuō)明：從 Flash Player 中刪除已加載的影片。 參數(shù)說(shuō)明：同上 gotoAn

25、dPlay(scene, frame) 　 功能說(shuō)明：轉(zhuǎn)到指定場(chǎng)景中指定的幀并從該幀開(kāi)始播放。如果未指定場(chǎng)景，則播放頭將轉(zhuǎn)到當(dāng)前場(chǎng)景中的指定幀。 　 參數(shù)說(shuō)明： scene：轉(zhuǎn)到的場(chǎng)景的名稱(chēng)。 Frame：轉(zhuǎn)到的幀的編號(hào)或標(biāo)簽。 2、文本導(dǎo)入 在我們制作全Flash網(wǎng)站的過(guò)程中經(jīng)常遇到一定量的文字內(nèi)容需要體現(xiàn)，文本的內(nèi)容表現(xiàn)與上面介紹的流程是一樣的，不同的地方體現(xiàn)最后的表現(xiàn)效果和處理手法還是有些不同。 方法一、文本圖形法 如果文本內(nèi)容不多，有希望將文本內(nèi)容做的比較有動(dòng)態(tài)效果，可以采用此法。將需要文本做成若干個(gè)Flash的組件，在相應(yīng)的位置安排

26、好。文本圖形法的文件載入與上面介紹的處理手法比較類(lèi)似，原理都差不多。具體動(dòng)態(tài)效果就有待大家自己去考慮，這里就不多介紹。 方法二、直接導(dǎo)入法 文本導(dǎo)入法可以將獨(dú)立的.txt文本文件，通過(guò)loadVariables導(dǎo)入到Flash文件內(nèi)，修改時(shí)只需要修改txt文本內(nèi)容就可以實(shí)現(xiàn)Flash相關(guān)文件的修改，非常方便。在文本框?qū)傩灾性O(shè)置Var:變量名（注意這個(gè)變量名）。為文本框所在的幀添加ActionScript代碼：loadVariables("變量名.txt", "");編寫(xiě)一個(gè)純文本文件.txt（文件名隨意），文本開(kāi)頭為“變量名=”，“＝”后面寫(xiě)上正式的文本內(nèi)容。 2.3 F

27、lash設(shè)計(jì)中的關(guān)鍵技術(shù) ActionScript中常用到的控制實(shí)例對(duì)象的Action指令。下面只要介紹一下相關(guān)Action語(yǔ)句。 1．gotoAndPlay(scene,frame); 跳轉(zhuǎn)到指定幀并繼續(xù)播放。scene參數(shù)是可選項(xiàng)，指定要跳轉(zhuǎn)到的場(chǎng)景，如果不使用，則默認(rèn)為當(dāng)前場(chǎng)景。frame參數(shù)指定了要跳轉(zhuǎn)到的幀在場(chǎng)景中的序號(hào)。 例：gotoAndPlay(5); //跳到第5幀并繼續(xù)播放 2．gotoAndStop(scene,frame); 跳轉(zhuǎn)到指定幀并停止播放。scene參數(shù)是可選項(xiàng)，指定要跳轉(zhuǎn)到的場(chǎng)景，如果不使用，則默認(rèn)為當(dāng)前場(chǎng)景。frame參數(shù)指定了要跳轉(zhuǎn)到的幀

28、在場(chǎng)景中的序號(hào)。 例：gotoAndStop(5); //跳到第5幀并停止 3．on(mouseEvent) { statement;} 處理程序。當(dāng)鼠標(biāo)或鍵盤(pán)事件發(fā)生時(shí)響應(yīng)。參數(shù) statement mouseEvent 事件激活后要執(zhí)行的程序段。 mouseEvent 可以是下列參數(shù)：press 鼠標(biāo)在按鈕上時(shí)左鍵被按下。 release 鼠標(biāo)在按鈕上時(shí)左鍵被松開(kāi)。releaseOutside 鼠標(biāo)不在按鈕上時(shí)左鍵被松開(kāi)。rollOver 鼠標(biāo)滑過(guò)按鈕。rollOut 鼠標(biāo)從按鈕上移出。dragOver 鼠標(biāo)在按鈕上時(shí)左鍵被按下，按住后鼠標(biāo)移出按鈕范圍，然后又移回到按鈕上。dr

29、agOut 鼠標(biāo)在按鈕上時(shí)左鍵被按下，按住后鼠標(biāo)移出按鈕范圍。keyPress (“key”)指定的鍵被按下。指定鍵的鍵值的選取可以參見(jiàn)附錄Ｂ“鍵和鍵值”，或者參考在Key對(duì)象中列出的各鍵的屬性。 在下面的例子中，當(dāng)鼠標(biāo)在按鈕上時(shí)會(huì)激活 startDrag 動(dòng)作： on(rollOver) { gotoAndStop(5); } 4．play(); 開(kāi)始播放動(dòng)畫(huà)或者M(jìn)ovie Clip。 例：this.play(); //開(kāi)始播放當(dāng)前的Movie Clip 5．stop(); 停止播放動(dòng)畫(huà)或Movie Clip。 例：this.stop(); //停止播放當(dāng)前的Movie

30、Clip 6．stopAllSounds(); 停止播放所有的聲音。 7．getURL(url [,windows]); 打開(kāi)超文本連接。參數(shù)url是設(shè)置調(diào)用網(wǎng)頁(yè)網(wǎng)址，可選參數(shù)windows指定了在哪一個(gè)HTML框架中打開(kāi)超文本連接，如果不使用這個(gè)參數(shù)則在當(dāng)前窗口打開(kāi)超文本連接。下文中的“[ ]”都和這里一樣，表示該參數(shù)可選。 例：getURL(“”); //打開(kāi)的網(wǎng)頁(yè) 8．onClipEvent(movieEvent){ ... } 在對(duì)Movie Clip或Graphics Symbol對(duì)象指定的事件發(fā)生時(shí)響應(yīng)。參數(shù) movieEvent 是和電影剪輯實(shí)體相聯(lián)系的一個(gè)動(dòng)作事

31、件 例1：下面的例子將在加載電影剪輯的時(shí)候讀入外部的 Script 程序文件： onClipEvent(load) { #include "myScript.as" } 9．startDrag(targat [,lock[,left,top,right,bottom]]); 開(kāi)始用鼠標(biāo)拖動(dòng)MovieClip或Graphic Symbol對(duì)象。參數(shù)targat 是要拖曳的對(duì)象，lock參數(shù)用來(lái)確定是否鎖定中心拖曳，參數(shù)left，top，right，bottom是拖曳的范圍的坐標(biāo)。在這里，lock和left，top，right，bottom參數(shù)都是可選的。 例：startDrag(_

32、root.MC1); //開(kāi)始拖動(dòng)_root.MC1對(duì)象 14．stopDrag(target); 停止用鼠標(biāo)拖動(dòng)MovieClip或Graphic Symbol對(duì)象。參數(shù)targat 是被拖曳的對(duì)象。 例：stopDrag(_root.MC1); //停止拖動(dòng)_root.MC1對(duì)象 10．updateAfterEvent(movie clip event); 當(dāng)參數(shù)中指定的動(dòng)作發(fā)生后，刷新屏幕 (取決于動(dòng)畫(huà)設(shè)定中的每秒播放幀數(shù)項(xiàng)) 。在 drag 動(dòng)作中同時(shí)使用鼠標(biāo)移動(dòng)來(lái)激活 updateAfterEvent，刷新屏幕將不會(huì)造成屏幕的閃爍。 利用這些ActionScript

33、中常用到的控制實(shí)例對(duì)象的Action指令。把它們適當(dāng)?shù)慕M合在一起控制Flash舞臺(tái)中的動(dòng)畫(huà)效果。能把動(dòng)畫(huà)或者是網(wǎng)站做的更加的漂亮美觀。更能吸引人們的眼球。 第三章 網(wǎng)站網(wǎng)絡(luò)形象識(shí)別設(shè)計(jì) 3.1 網(wǎng)站進(jìn)行網(wǎng)絡(luò)形象設(shè)計(jì)的目的 網(wǎng)站進(jìn)行網(wǎng)絡(luò)形象設(shè)計(jì)，以達(dá)到以下的目的： （１） 展示整個(gè)網(wǎng)站的風(fēng)格，顯示個(gè)人修養(yǎng)。 （２） 讓瀏覽者有興趣觀看本網(wǎng)站。 （３） 使瀏覽者在觀看我的網(wǎng)站時(shí)，而不感覺(jué)到視覺(jué)的疲勞。 （４） 最大力度的宣傳自己。 網(wǎng)絡(luò)形象設(shè)計(jì)時(shí)網(wǎng)絡(luò)設(shè)計(jì)的創(chuàng)意的十大目標(biāo)： ① 簡(jiǎn)潔生動(dòng)形象； ② 強(qiáng)烈的視覺(jué)形式感和高度藝術(shù)性；

34、 ③ 易于識(shí)別和記憶； ④ 具有高度的概括力； ⑤ 具有現(xiàn)代感； ⑥ 合乎時(shí)代潮流； ⑦ 具有未來(lái)性； ⑧ 信賴(lài)度很高； ⑨ 令人產(chǎn)生親切和藹的感覺(jué) 3.2 網(wǎng)站網(wǎng)絡(luò)形象設(shè)計(jì)的內(nèi)容 一個(gè)優(yōu)秀網(wǎng)站依托的是視覺(jué)規(guī)劃和各種互聯(lián)網(wǎng)技術(shù)的完善結(jié)合。網(wǎng)站網(wǎng)絡(luò)形象設(shè)計(jì)的關(guān)鍵是VI設(shè)計(jì)。 3.2.1 網(wǎng)站的VI設(shè)計(jì) 一個(gè)好的視覺(jué)設(shè)計(jì)(即VI設(shè)計(jì))，必須要有一個(gè)好的視覺(jué)效果。首先整個(gè)網(wǎng)頁(yè)的顏色要協(xié)調(diào)，不能給人刺眼的感覺(jué)。其次網(wǎng)頁(yè)上的文字要易于閱讀，文字，顏色以及頁(yè)面的設(shè)計(jì)要遵循網(wǎng)站設(shè)計(jì)的美學(xué)原則。圖片不能用

35、的太大太多，而且不能無(wú)節(jié)制地濫用Flash，動(dòng)態(tài)GIF，滾動(dòng)字幕等。用將Flash技術(shù)恰當(dāng)?shù)貞?yīng)用到網(wǎng)站的VI設(shè)計(jì)中。VI設(shè)計(jì)的另一個(gè)方面是設(shè)計(jì)整個(gè)網(wǎng)站的所有頁(yè)面要協(xié)調(diào)一致。每個(gè)頁(yè)面都使用相同的排版方式和相同的背景色及相近的按鈕。本站已經(jīng)有可一個(gè)統(tǒng)一的CI設(shè)計(jì)，那本網(wǎng)站的VI設(shè)計(jì)就要遵循網(wǎng)站的VI設(shè)計(jì)。網(wǎng)絡(luò)形象識(shí)別設(shè)計(jì)要根據(jù)工作室制定的識(shí)別系統(tǒng)進(jìn)行擴(kuò)展延伸，設(shè)計(jì)出新的符合網(wǎng)絡(luò)屬性特點(diǎn)的形象識(shí)別系統(tǒng)。從宏觀上講，網(wǎng)絡(luò)形象應(yīng)該是具有統(tǒng)一的，整體的，便于識(shí)別的設(shè)計(jì)。我們遵循網(wǎng)站的CI設(shè)計(jì)設(shè)計(jì)出網(wǎng)站的VI。 3.2.2 網(wǎng)絡(luò)形象的整體定位 VI設(shè)計(jì)中的工作室標(biāo)識(shí)形象需要重新整合組成。事實(shí)上，

36、可以憑借CI設(shè)計(jì)中已經(jīng)指定的Logo、色彩及標(biāo)準(zhǔn)字型等予以發(fā)展。尤其是色彩部分，使用正確的色彩往往可以收到相得益彰的效果。另外，針對(duì)Logo本身的一致性所作的設(shè)計(jì)上變化也是一種變化。本站的CI設(shè)計(jì)是一個(gè)標(biāo)志“夏季風(fēng)”。夏季風(fēng)是本人一向使用的網(wǎng)名，用它來(lái)代表我的形象。讓大家對(duì)我對(duì)我有個(gè)出的認(rèn)識(shí)，從而進(jìn)一步的去認(rèn)識(shí)我。 3.2.3網(wǎng)絡(luò)形象標(biāo)志設(shè)計(jì)的形式 網(wǎng)絡(luò)形象標(biāo)識(shí)設(shè)計(jì)的形式。網(wǎng)絡(luò)形象標(biāo)識(shí)設(shè)計(jì)可以動(dòng)態(tài)形式或靜態(tài)形式出現(xiàn)，網(wǎng)絡(luò)的Web色彩和版式需要統(tǒng)一，我們稱(chēng)其為網(wǎng)絡(luò)標(biāo)準(zhǔn)色彩和網(wǎng)絡(luò)應(yīng)用版式，當(dāng)然其形式和要素非常多，我們可以概括為基本元素形式。這里所說(shuō)的基本元素主要包括：文字的處理、背景色彩、各種

37、動(dòng)態(tài)按鈕、圖表、表格、導(dǎo)航工具、背景音樂(lè)、互動(dòng)影像、視頻播放及小窗口等。我們需要根據(jù)實(shí)際情況確定元素，當(dāng)然更重要的是整個(gè)元素要有一種共同點(diǎn)，這也就是網(wǎng)絡(luò)形象設(shè)計(jì)的創(chuàng)意設(shè)計(jì)所在。以上各視聽(tīng)元素大多數(shù)瀏覽器本身都可以顯示或收聽(tīng)，無(wú)需任何外部程序或模塊支持。比如，大部分瀏覽器都可以顯示GIF、JPEG圖形和GIF89a動(dòng)畫(huà)。還有些多媒體文件(如MP3音樂(lè))需要先下載到本地硬盤(pán)上，然后啟動(dòng)相應(yīng)的外部程序來(lái)播放。另外，在瀏覽器中使用插件(Plug-in)可以播放更多格式的多媒體文件。微軟推出IE瀏覽器后，提供了基于OLE的ActiveX技術(shù)，用來(lái)在網(wǎng)頁(yè)中播放多媒體。目前，ActiveX已經(jīng)成為熱門(mén)技術(shù)。

38、我給此站做了音樂(lè)視聽(tīng)頁(yè)面，讓大家可以在緊張的心情可以放松一下。另外在 首頁(yè)最顯眼的地方放了本人自己做的一個(gè)flashMTV，從而為網(wǎng)站增加了一份色彩。在這個(gè)網(wǎng)站中主要介紹了本人一些相關(guān)信息和一些欣賞部分等等。在網(wǎng)站的首頁(yè)的右上角的明顯的地方，根據(jù)自己的網(wǎng)名，并用Flash做出個(gè)標(biāo)志性標(biāo)志。 網(wǎng)頁(yè)的版式設(shè)計(jì)。網(wǎng)頁(yè)的版式設(shè)計(jì)主要以古典色調(diào)為主，是網(wǎng)站透出一種古典風(fēng)情。所謂網(wǎng)頁(yè)的版式設(shè)計(jì)，是指在有限的屏幕空間上將視聽(tīng)多媒體元素進(jìn)行有機(jī)的排列組合，并將理性思維個(gè)性化地表現(xiàn)出來(lái)，是一種具有個(gè)人風(fēng)格和藝術(shù)特色的視聽(tīng)傳達(dá)方式。 3.3 網(wǎng)站進(jìn)行網(wǎng)絡(luò)形象設(shè)計(jì)應(yīng)注意的問(wèn)題 (1)注重網(wǎng)站的界面風(fēng)格

39、設(shè)計(jì)。網(wǎng)站的界面設(shè)計(jì)是網(wǎng)站在建立網(wǎng)站時(shí)非常重要的環(huán)節(jié)，一個(gè)創(chuàng)意新穎、設(shè)計(jì)精美、結(jié)構(gòu)合理的網(wǎng)站，會(huì)為網(wǎng)站形象的推廣起到不可替代的作用。由于網(wǎng)頁(yè)宣傳是互動(dòng)的媒體，因而在設(shè)計(jì)上就要符合瀏覽者的使用習(xí)慣，界面設(shè)計(jì)的人性化及個(gè)性化，將直接影響工作室視覺(jué)形象的拓展。同時(shí)，由于不同的國(guó)家在語(yǔ)言、文化方面存在差異，不同的媒體也有不同的閱讀要求和特點(diǎn)，因此網(wǎng)站要在體現(xiàn)CI的同時(shí)進(jìn)行各種調(diào)整，語(yǔ)言方面最好設(shè)計(jì)成中、英文界面，以便獲得最大程度的認(rèn)知度。 (2)網(wǎng)站看上去要舒適美觀、瀏覽速度要快。網(wǎng)站在界面設(shè)計(jì)上一定要有創(chuàng)意，給瀏覽者以美的藝術(shù)享受，塑造工作室“專(zhuān)業(yè)”、“可信”之良好形象，以便使瀏覽者對(duì)工作室

40、產(chǎn)生更多的信任感。在瀏覽中，時(shí)間長(zhǎng)短會(huì)影響瀏覽者對(duì)網(wǎng)頁(yè)的觀感。據(jù)統(tǒng)計(jì)，若等候時(shí)間超過(guò)半分鐘，七成瀏覽者會(huì)放棄登錄。因此設(shè)計(jì)上要配合速度，放棄一些非必要而又影響下載速度的效果。 (3)網(wǎng)站要提煉出自己的文化理念。一個(gè)網(wǎng)站形象設(shè)計(jì)時(shí)，要提煉出本網(wǎng)站的文化理念，并結(jié)合網(wǎng)站本身的特點(diǎn)將其貫穿于整個(gè)網(wǎng)站中。 (4)提高網(wǎng)頁(yè)設(shè)計(jì)人員的素質(zhì)。網(wǎng)站的視覺(jué)形象設(shè)計(jì)結(jié)網(wǎng)頁(yè)設(shè)計(jì)人員提出了更高的要求，因而在提高網(wǎng)絡(luò)技術(shù)的同時(shí)，設(shè)計(jì)人員自身文化素質(zhì)的提高是必不可少的。只有設(shè)計(jì)者在平時(shí)的生活中點(diǎn)點(diǎn)滴滴地積累，不斷提高自己的素質(zhì)，才可能在自己的網(wǎng)頁(yè)設(shè)計(jì)中挖掘出好的東西來(lái)，給讀者留下好的印象與美的享受。 第四章

41、網(wǎng)站系統(tǒng)結(jié)構(gòu)設(shè)計(jì) 4.1 系統(tǒng)功能概述 此網(wǎng)站系統(tǒng)主要介紹了本人的相關(guān)資料和其它欣賞部分等。在介紹本人的同時(shí)，在其中加如了一個(gè)flashMTV動(dòng)畫(huà)音樂(lè)，圖片欣賞，音樂(lè)視聽(tīng)和留言等。這樣設(shè)置是為了讓大家了解我的同時(shí)可以享受一下音樂(lè)和動(dòng)畫(huà)帶來(lái)的輕松和愉快。 這是本網(wǎng)站的首頁(yè)剪圖 首頁(yè)的按鈕是加了一個(gè)Action指令實(shí)現(xiàn)的一種特效，鼠標(biāo)放上去，按鈕向下移動(dòng)一段距離然后停下，移開(kāi)就復(fù)原。在頂上加了一個(gè)顯示時(shí)間的Action指令 onClipEvent (load) { days = new Array(星期日, 星期一, 星期二, 星期三, 星期四, 星期五

42、, 星期六); months = new Array(一月大, 二月平, 三月大, 四月小, 五月大, 六月小, 七月大, 八月大, 九月小, 十月大, 十一月小, 十二月大); timedate = new Date(); } onClipEvent (enterFrame) { hour = timedate.getHours(); minutes = timedate.getMinutes(); seconds = timedate.getSeconds(); todaydate = timedate.getDate(); day = timedate.g

43、etDay(); dayname = days[day]; month = timedate.getMonth(); monthname = months[month]; year = timedate.getFullYear(); if (length(minutes) == 1) { minutes = "0"+minutes; } if (length(seconds) == 1) { seconds = "0"+minutes; } hour = hour-1; month = month+1; yearna = year+"年"

44、+monthname; datena = dayname; dayna = todaydate; timena = hour+":"+minutes+":"+seconds; delete timedate; timedate = new Date(); } 首頁(yè)的LOGO是以我的網(wǎng)名夏季風(fēng)和xiajifeng而設(shè)計(jì)的, 在圖標(biāo)上加了一個(gè)水波晃動(dòng)效果。 LOGO的設(shè)計(jì)如下圖： 在ABOUT里，主要有介紹我自己的相關(guān)資料。放了我的個(gè)人照片和父母的照片，從內(nèi)部延伸三塊，分別是about me, my father,my mather .其中my father和m

45、y mather由于時(shí)間關(guān)系，還在建設(shè)中。 about me內(nèi)部的個(gè)人資料，是利用了Flash做的滾動(dòng)條來(lái)實(shí)現(xiàn)的，它可以上下拖動(dòng)。 具體用到的代碼如下： scrolling.onPress = function() { sign._visible = 0; sign2.gotoAndStop(1); this.gotoAndStop("dark"); lock = "no"; }; scrolling.onRelease = function() { sign._visible = 0; this.gotoAndStop("light"); lock =

46、"yes"; }; scrolling.onRollOut = function() { sign._visible = 0; this.gotoAndStop("light"); lock = "yes"; }; scrolling.onRollOver = function() { sign._visible = 1; sign.gotoAndPlay(1); lock = "yes"; }; delete i; delete titlename; txt.ymin = txt._y; txt.y1 = txt.ymin-txt._height;

47、 position = new Array(); 和 if (lock == "no" and _xmouse>(scrolling._x-scrolling._width) and _xmouse<(scrolling._x+2*scrolling._width)) { distance = _ymouse-scrolling._y; if ((txt._y>=txt.ymin and txt._y<=txt.y1) or (txt._y>txt.y1 and distance>0) or (txt._y

48、ing._y += distance; txt._y -= distance*txt._height/(110-scrolling._height); } } 和 gotoAndPlay("loop"); 在MY WORKS里面放入了7篇文章： 《選擇》 《自我欺騙》 《聚散兩依依》 《錯(cuò)過(guò)一時(shí)，錯(cuò)過(guò)一生》 《這種感覺(jué)你有過(guò)嗎》 《思念是一種美麗的孤獨(dú)》 《世上最遙遠(yuǎn)的距離》 文章的顯示效果也是利用Flash制作的過(guò)動(dòng)條來(lái)實(shí)現(xiàn)的。 在PIC

49、TURE里面，主要的圖片瀏覽，里面的圖片切換主要通過(guò)代碼gotoAndPlay("");和stop();來(lái)實(shí)現(xiàn)的，在每張圖片上加了一種特效，當(dāng)鼠標(biāo)經(jīng)過(guò)，有模糊層從大到小往中心縮?？s到2/3的時(shí)候停下，當(dāng)鼠標(biāo)離開(kāi)，縮到最小直到無(wú)。 在CONTACT ME里面主要是讓大家留言的，大家只要在里面輸入姓名， E-mail,主頁(yè)和留言?xún)?nèi)容后，點(diǎn)擊提交，留言就會(huì)提交到數(shù)據(jù)庫(kù)，然后在網(wǎng)頁(yè)最下面顯示留言?xún)?nèi)容。 留言主要是用flash和 Asp結(jié)合完成數(shù)據(jù)庫(kù)的操作。 在 flash中先把各字段綁定，然后再用代碼loadVariables("write.asp",""

50、,"post");和外部的asp文件實(shí)現(xiàn)連接。再在asp文件中完成數(shù)據(jù)庫(kù)的連接和讀入數(shù)據(jù)，完成提交。 ASP文件中的代碼如下： <% name=Request.Form("name") email=Request.Form("email") tele=Request.Form("telenum") mess=Request.Form("idea") response.write name response.write email response.write tele response.write mess Set conn = Server.CreateObje

51、ct("ADODB.Connection") str="Provider=Microsoft.Jet.OLEDB.4.0;Data Source="&server.mappath("data.mdb") conn.open str Set rs=conn.execute("insert into maid(name,email,tele,mess) values ("&name&","&email&","&tele&","&mess&")") %> 在MUSIC中，加入了六首音樂(lè)，我是把音樂(lè)文件轉(zhuǎn)換成數(shù)據(jù)流形式，是音樂(lè)更

52、容易控制。大家可以在瀏覽我的網(wǎng)站的時(shí)候，可以聽(tīng)聽(tīng)音樂(lè)，來(lái)減呀一下。在音樂(lè)旁邊放一幾個(gè)動(dòng)畫(huà)來(lái)美觀一下網(wǎng)頁(yè)。 在FAVORITE LINKS中主要是幾個(gè)友情連接。 在Graduation in the offing里面是我自己對(duì)即將畢業(yè)的一篇畢業(yè)心聲。 在My Chum里面主要的介紹我大學(xué)寢室的八個(gè)室友包括我，還有我們八人的照片。 4.2 系統(tǒng)結(jié)構(gòu)設(shè)計(jì)框圖 ABOUT ME My mathe MTV MUSIC PICTURE CONTAC MET FAVORITE LINKS HOME Graduation in t

53、he offing My father About me My Chum 第五章 站點(diǎn)測(cè)試及后續(xù)開(kāi)發(fā)展望 5.1 站點(diǎn)測(cè)試及后續(xù)開(kāi)發(fā)展望 網(wǎng)站完成之后進(jìn)行站點(diǎn)可行性測(cè)試。存在一些問(wèn)題的話及時(shí)進(jìn)行解決。在給夏季風(fēng)個(gè)人網(wǎng)站做IVIS時(shí)，我們主要用了Flash技術(shù)。Flash網(wǎng)站和傳統(tǒng)網(wǎng)站相比有很多優(yōu)點(diǎn)。如具有強(qiáng)大的交互能力。個(gè)性化、動(dòng)態(tài)的站點(diǎn)設(shè)計(jì)。設(shè)計(jì)者的靈感獲得更大的發(fā)揮空間，站點(diǎn)的表現(xiàn)力極大地加強(qiáng)了。不論在何種情況下，動(dòng)態(tài)美觀的站點(diǎn)設(shè)計(jì)都是極其吸引人的。 由于時(shí)間關(guān)系，網(wǎng)站系統(tǒng)做的還是比較粗略。還是存在一些不是很完善的地方，像留言的讀取方面還未

54、完成，而只是靠asp程序來(lái)完成。對(duì)于一個(gè)全 flash網(wǎng)站來(lái)說(shuō)還是個(gè)遺憾。另外在細(xì)節(jié)方面還是不夠精細(xì)，還有待改善。整個(gè)網(wǎng)站的內(nèi)容方面還是有待增加的，以后有時(shí)間我會(huì)盡快改善各方面的，使整個(gè)網(wǎng)站的外觀和內(nèi)在得到更好的發(fā)揮，也能讓大家更好的了解我，和我交朋友。 以上介紹了Flash技術(shù)在IVIS（即網(wǎng)絡(luò)形象識(shí)別系統(tǒng)）中的應(yīng)用。由于Flash技術(shù)的應(yīng)用使原本有點(diǎn)呆板的視覺(jué)形象識(shí)別系統(tǒng)變得很生動(dòng)形象。在個(gè)人網(wǎng)站上flash技術(shù)能更好的表現(xiàn)個(gè)人網(wǎng)站的美觀，和存在的價(jià)值。 [主要參考文獻(xiàn)] [1]網(wǎng)絡(luò)形象設(shè)計(jì)(IVIS)與視覺(jué)文化時(shí)代．七色鳥(niǎo)設(shè)計(jì)空間 [2]Flash的世界．閃客帝國(guó)． [3]Flash教程．硅谷動(dòng)力． [4] 張巖. 多媒體創(chuàng)作工具探討 . 阜陽(yáng)師范院計(jì)算機(jī)系，阜陽(yáng) 236032 [5] 陳利卿 VI理論與高校的VI設(shè)計(jì) 南昌航空工業(yè)學(xué)院 南昌 330034 [6] 孫湘明 論我國(guó)企業(yè)形象設(shè)計(jì)中的理念的建立 株江工學(xué)院學(xué)報(bào) 第16卷第2期 [7] flash多媒體教程 [ 8 ] 藍(lán)色理想 全flash網(wǎng)站制作剖析 中科院光電技術(shù)研究所