FLASH技術(shù)在IVIS系統(tǒng)中的應(yīng)用- 夏季風(fēng)個(gè)人網(wǎng)站的設(shè)計(jì)網(wǎng)絡(luò)工程專業(yè)
《FLASH技術(shù)在IVIS系統(tǒng)中的應(yīng)用- 夏季風(fēng)個(gè)人網(wǎng)站的設(shè)計(jì)網(wǎng)絡(luò)工程專業(yè)》由會(huì)員分享,可在線閱讀,更多相關(guān)《FLASH技術(shù)在IVIS系統(tǒng)中的應(yīng)用- 夏季風(fēng)個(gè)人網(wǎng)站的設(shè)計(jì)網(wǎng)絡(luò)工程專業(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)稱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ì),人類的智慧是無(wú)窮無(wú)限的,互聯(lián)網(wǎng)的發(fā)明稱之為人類歷史上迄今為止的最偉大的發(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í)代,人類的生存和生活,不可避免地建立在數(shù)字化信息之上,第四大眾傳媒互聯(lián)網(wǎng)將普及發(fā)展與人類社會(huì)。網(wǎng)絡(luò)作為新興的第四媒體確實(shí)有它獨(dú)特的優(yōu)勢(shì),這恐怕任何一個(gè)用過(guò)互聯(lián)網(wǎng)的用戶都能一一道來(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ù)量的用戶只花了4年時(shí)間。網(wǎng)絡(luò)作為新的信息傳播的載體,確實(shí)起了傳統(tǒng)媒體所起的很多功用,或者說(shuō)它替代了傳統(tǒng)媒體的很多功用。 公認(rèn)的大眾傳媒主要包括報(bào)紙、廣播、雜志、書籍和電影等六大媒介。隨著數(shù)字化技術(shù)的發(fā)展,電腦硬件的更新?lián)Q代,互聯(lián)網(wǎng)技術(shù)迅速普及和網(wǎng)站的大量建立,互聯(lián)網(wǎng)正成為一種新的媒體廣泛進(jìn)入人們的生活。如今,國(guó)際上已把互聯(lián)網(wǎ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ì)。它使人類面臨著一次信息傳播技術(shù)的前所未有的,帶有根本性的突破和變革。傳統(tǒng)的、界限分明的語(yǔ)言、文字、聲音、影像等各種傳播形式之間的銅墻鐵壁頃刻就要瓦解,傳統(tǒng)的、相互分割的報(bào)紙、廣播、書籍、雜志和電影等大眾傳媒頃刻就要融為一體。人類社會(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ì)引起受眾的興趣,滿足人們的參與感。 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)畫、以及他們的編排方式等等一切能夠看
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),是難以引起別人的注意的一樣。人們稱互聯(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)的人總是在裝蠟燭的箱子上畫上黑叉叉,經(jīng)詢問(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ì)等專門人才。造就了一批設(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)一,我們稱網(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)畫。還有
17、些多媒體文件(如MP3音樂(lè))需要先下載到本地硬盤上,然后啟動(dòng)相應(yīng)的外部程序來(lái)播放??傊?,技術(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),小巧精致的矢量畫面,強(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)畫或者多媒體設(shè)計(jì)軟件,F(xiàn)lash其實(shí)具有的是更為大眾化的特點(diǎn):反走樣處理后的矢量畫面美觀大方,同時(shí)支持位圖、聲音……非常簡(jiǎn)單易用的操作,加上不錯(cuò)的性能,這是Flash脫離普通甚
20、至更為強(qiáng)大的多媒體設(shè)計(jì)軟件而獨(dú)具魅力的根本原因。如果一種設(shè)計(jì)工具能夠?yàn)楸M量廣泛的群體所使用,并且盡量地滿足群體的表現(xià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有所改觀)?;诒砀竦呐虐娣绞剑煌瑸g覽器的兼容……都讓人傷腦筋。Flash就不同了,自由的排版方式,瀏覽器之間完全兼容,基于矢量的無(wú)級(jí)縮放。 2.強(qiáng)大的交互性能。僅僅能排版還不夠
21、,代替HTML還要能交互。事實(shí)上,鼠標(biāo)+鍵盤、事件和腳本的組合使得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,不能包含文件夾或磁盤驅(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í)的稱為_(kāi)Flash1或_Level1,依此類推。注意前提是前面載入的文件沒(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)景的名稱。 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、好。文本圖形法的文件載入與上面介紹的處理手法比較類似,原理都差不多。具體動(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", "");編寫一個(gè)純文本文件.txt(文件名隨意),文本開(kāi)頭為“變量名=”,“=”后面寫上正式的文本內(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)或鍵盤事件發(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)附錄B“鍵和鍵值”,或者參考在Key對(duì)象中列出的各鍵的屬性。 在下面的例子中,當(dāng)鼠標(biāo)在按鈕上時(shí)會(huì)激活 startDrag 動(dòng)作: on(rollOver) { gotoAndStop(5); } 4.play(); 開(kāi)始播放動(dòng)畫或者M(jìn)ovie Clip。 例:this.play(); //開(kāi)始播放當(dāng)前的Movie Clip 5.stop(); 停止播放動(dòng)畫或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)畫設(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)畫效果。能把動(dòng)畫或者是網(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á)到以下的目的: (1) 展示整個(gè)網(wǎng)站的風(fēng)格,顯示個(gè)人修養(yǎng)。 (2) 讓瀏覽者有興趣觀看本網(wǎng)站。 (3) 使瀏覽者在觀看我的網(wǎng)站時(shí),而不感覺(jué)到視覺(jué)的疲勞。 (4) 最大力度的宣傳自己。 網(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)性; ⑧ 信賴度很高; ⑨ 令人產(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)一,我們稱其為網(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)畫。還有些多媒體文件(如MP3音樂(lè))需要先下載到本地硬盤上,然后啟動(dòng)相應(yīng)的外部程序來(lái)播放。另外,在瀏覽器中使用插件(Plug-in)可以播放更多格式的多媒體文件。微軟推出IE瀏覽器后,提供了基于OLE的ActiveX技術(shù),用來(lái)在網(wǎng)頁(yè)中播放多媒體。目前,ActiveX已經(jīng)成為熱門技術(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ù)享受,塑造工作室“專業(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)畫音樂(lè),圖片欣賞,音樂(lè)視聽(tīng)和留言等。這樣設(shè)置是為了讓大家了解我的同時(shí)可以享受一下音樂(lè)和動(dòng)畫帶來(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è)和留言內(nèi)容后,點(diǎn)擊提交,留言就會(huì)提交到數(shù)據(jù)庫(kù),然后在網(wǎng)頁(yè)最下面顯示留言內(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)畫來(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ù)研究所
- 溫馨提示:
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. 裝配圖網(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ì)自己和他人造成任何形式的傷害或損失。
最新文檔
- 市教育局冬季運(yùn)動(dòng)會(huì)安全工作預(yù)案
- 2024年秋季《思想道德與法治》大作業(yè)及答案3套試卷
- 2024年教師年度考核表個(gè)人工作總結(jié)(可編輯)
- 2024年xx村兩委涉案資金退還保證書
- 2024年憲法宣傳周活動(dòng)總結(jié)+在機(jī)關(guān)“弘揚(yáng)憲法精神推動(dòng)發(fā)改工作高質(zhì)量發(fā)展”專題宣講報(bào)告會(huì)上的講話
- 2024年XX村合作社年報(bào)總結(jié)
- 2024-2025年秋季第一學(xué)期初中歷史上冊(cè)教研組工作總結(jié)
- 2024年小學(xué)高級(jí)教師年終工作總結(jié)匯報(bào)
- 2024-2025年秋季第一學(xué)期初中物理上冊(cè)教研組工作總結(jié)
- 2024年xx鎮(zhèn)交通年度總結(jié)
- 2024-2025年秋季第一學(xué)期小學(xué)語(yǔ)文教師工作總結(jié)
- 2024年XX村陳規(guī)陋習(xí)整治報(bào)告
- 2025年學(xué)校元旦迎新盛典活動(dòng)策劃方案
- 2024年學(xué)校周邊安全隱患自查報(bào)告
- 2024年XX鎮(zhèn)農(nóng)村規(guī)劃管控述職報(bào)告