FLASH技術(shù)在IVIS系統(tǒng)中的應用- 夏季風個人網(wǎng)站的設計網(wǎng)絡工程專業(yè)

FLASH技術(shù)在IVIS系統(tǒng)中的應用- 夏季風個人網(wǎng)站的設計 目 錄摘要1第一章 引言211互聯(lián)網(wǎng)的發(fā)展 311.1互聯(lián)網(wǎng)的發(fā)展 411.2互聯(lián)網(wǎng)的屬性特點 512網(wǎng)絡形象設計6121歷史的網(wǎng)絡形象設計7122網(wǎng)絡形象識別設計8第二章 工作室系統(tǒng)的相關技術(shù)介紹和分析921 Flash技術(shù)特點 1022 Flash網(wǎng)站設計的相關技術(shù)1123 Flash設計中的關鍵技術(shù) 12第三章 工作室網(wǎng)絡形象識別設計 1331工作室進行網(wǎng)絡形象設計的目的 1432工作室網(wǎng)絡形象設計的內(nèi)容 15321網(wǎng)站的VI設計16322網(wǎng)絡形象的整體定位17323網(wǎng)絡形象標志設計的形式183.3網(wǎng)站進行網(wǎng)絡形象設計應注意的問題 19第四章 工作室系統(tǒng)結(jié)構(gòu)設計 2041系統(tǒng)功能概述 2142系統(tǒng)結(jié)構(gòu)設計框圖22第五章 站點測試及后續(xù)開發(fā)展望 2351站點測試及后續(xù)開發(fā)展望 24 主要參考文獻 25摘要： 隨著網(wǎng)絡的發(fā)展，網(wǎng)絡形象識別設計已經(jīng)成為視覺文化時代設計主流。網(wǎng)絡形象識別在對公司或產(chǎn)品的宣傳中起著非常重要的作用。網(wǎng)絡形象設計有其的發(fā)展歷史及其發(fā)展過程。它是VI含義逐漸應用到互聯(lián)網(wǎng)上。它既是CI部分的延伸、也是VI部分的發(fā)展與具體應用。在網(wǎng)絡中給人強烈的視覺沖擊和印象。本文主要介紹了“夏季風”個人網(wǎng)站的設計來具體說明Flash技術(shù)在VISI中的應用。其中包括了Flash技術(shù)特點，F(xiàn)lash網(wǎng)站設計的相關技術(shù)，網(wǎng)絡形象識別設計的具體內(nèi)容，如何用Flash技術(shù)將網(wǎng)絡形象識別設計實現(xiàn)等等。關鍵詞：網(wǎng)絡形象設計 Flash技術(shù)特點 網(wǎng)絡形象設計的實現(xiàn)第一章引言 隨著時代步伐的前進，時代的概念也在逐漸變化，第四媒體互聯(lián)網(wǎng)的迅速發(fā)展，使信息傳播業(yè)面臨一場變革，視覺識別系統(tǒng)（visual Indentity system）,也延伸到新的領域，互聯(lián)網(wǎng)絡上逐漸成為企業(yè)訊息等宣傳的重要陣地，具有迅捷、傳播范圍廣等優(yōu)勢，vi的含義也逐漸應用在互聯(lián)網(wǎng)上，我們重新定義為網(wǎng)絡形象識別設計，簡稱VISI(Visual Indentity system internate),開拓了新的空間，視覺文化成為主導設計潮流. 1.1 互聯(lián)網(wǎng)的發(fā)展1.1.1 互聯(lián)網(wǎng)的發(fā)展自從發(fā)明了電腦，出現(xiàn)了WWW,科學發(fā)明改變了社會，人類的智慧是無窮無限的，互聯(lián)網(wǎng)的發(fā)明稱之為人類歷史上迄今為止的最偉大的發(fā)明。PC時代的數(shù)字化是個人的，互聯(lián)網(wǎng)時代的數(shù)字化則是全球的?；ヂ?lián)網(wǎng)使時空的距離成為零，整個地球被收縮成一個新的世界，我們可以周游世界，大大地降低了信息的傳播費用，實現(xiàn)社會化，達到信息的迅速廣泛的傳播。與傳統(tǒng)的傳媒方式相比較，互聯(lián)網(wǎng)具有鮮明的優(yōu)勢。以計算機二進制語言處理的數(shù)字化信息，構(gòu)成了信息社會的最基本原子，在信息時代，人類的生存和生活，不可避免地建立在數(shù)字化信息之上，第四大眾傳媒互聯(lián)網(wǎng)將普及發(fā)展與人類社會。網(wǎng)絡作為新興的第四媒體確實有它獨特的優(yōu)勢，這恐怕任何一個用過互聯(lián)網(wǎng)的用戶都能一一道來: 報道及時、零傳播成本、多媒體、可以檢索等等。有報道說互聯(lián)網(wǎng)發(fā)展的速度遠遠超過了前幾任媒體：無線電廣播問世38年后，擁有5000萬聽眾，電視誕生13年后，擁有同樣數(shù)量的觀眾，而因特網(wǎng)從1993年對公眾開放，到擁有這個數(shù)量的用戶只花了4年時間。網(wǎng)絡作為新的信息傳播的載體，確實起了傳統(tǒng)媒體所起的很多功用，或者說它替代了傳統(tǒng)媒體的很多功用。 公認的大眾傳媒主要包括報紙、廣播、雜志、書籍和電影等六大媒介。隨著數(shù)字化技術(shù)的發(fā)展，電腦硬件的更新?lián)Q代，互聯(lián)網(wǎng)技術(shù)迅速普及和網(wǎng)站的大量建立，互聯(lián)網(wǎng)正成為一種新的媒體廣泛進入人們的生活。如今，國際上已把互聯(lián)網(wǎng)納入六大媒介中，并將其稱為繼報紙、廣播、電視之后的“第四大眾傳媒”。這說明，人們已經(jīng)認同了互聯(lián)網(wǎng)的作用，能夠同報紙、廣播、電視等新聞媒介一樣，廣泛地傳遞新聞信息。其實，國際互聯(lián)網(wǎng)不僅具有報紙、廣播、電視等傳統(tǒng)新聞媒介能夠及時廣泛傳播信息的一般功能，而且還具有多媒體、實時性、交互性傳播新聞信息的獨特優(yōu)勢。它使人類面臨著一次信息傳播技術(shù)的前所未有的，帶有根本性的突破和變革。傳統(tǒng)的、界限分明的語言、文字、聲音、影像等各種傳播形式之間的銅墻鐵壁頃刻就要瓦解，傳統(tǒng)的、相互分割的報紙、廣播、書籍、雜志和電影等大眾傳媒頃刻就要融為一體。人類社會，就要隨著新一代信息傳播新技術(shù)、新媒介進入一個信息傳播的時代。由于國際互聯(lián)網(wǎng)所具有的超越傳統(tǒng)新聞媒介的優(yōu)勢，決定了網(wǎng)絡對平面媒體的超越，不過是遲早的事情。 互聯(lián)網(wǎng)的發(fā)展使視覺文化識別出現(xiàn)了新的空間和領域。1.1.2互聯(lián)網(wǎng)的屬性特點以互聯(lián)網(wǎng)為代表技術(shù)的信息時代，為視覺傳達設計師們提供了更為廣闊的自由發(fā)揮空間。視覺傳達設計與新媒體的結(jié)合必將產(chǎn)生前所未有的巨大力量，數(shù)字化設計成為未來設計師的主要表現(xiàn)手段。 傳播范圍廣 信息資源豐富 形態(tài)多樣化 交互傳達互聯(lián)網(wǎng)是有史以來的影響我們生活面最廣、最容易產(chǎn)生互動的新科技?；拥脑O計更會引起受眾的興趣，滿足人們的參與感。1.2 網(wǎng)絡形象設計 VI設計，來源英文中的 Visual Indentity System，意即視覺識別系統(tǒng)。單單就網(wǎng)站而言，一個網(wǎng)站上看到的所有圖片、文字、動畫、以及他們的編排方式等等一切能夠看到的元素都是VI設計的一部分，簡單來說，其實就一一個網(wǎng)站的外觀，他能在色彩版式等形成一種認知識別，達到一定的視覺效應，我們重新定義為VISI,即網(wǎng)絡形象識別系統(tǒng)(Visual Indentity System internate)它既是CI部分的延伸、有是VI部分的發(fā)展與具體應用，網(wǎng)絡形象識別系統(tǒng)是一個系統(tǒng)化的識別形象，它將根據(jù)企業(yè)CI、VI根據(jù)網(wǎng)絡的要求整合定位成網(wǎng)絡形象識別系統(tǒng)。網(wǎng)站的外觀重要嗎？一個網(wǎng)站的內(nèi)容固然重要，但是如果沒有一個好看而吸引的外表，哪怕有著再好的內(nèi)容，有著再好的結(jié)構(gòu)，相信整個網(wǎng)站的瀏覽效果也會大打折扣，瀏覽者的閱讀興致也會大減。就等于一個內(nèi)涵豐富但卻外表平庸的人在一個公共場所出現(xiàn)，是難以引起別人的注意的一樣。人們稱互聯(lián)網(wǎng)經(jīng)濟為注意力經(jīng)濟，如何吸引大眾的注意力，除了內(nèi)容是一個重要的因素外，外觀也同樣起著舉足輕重的作用。網(wǎng)站的外觀非常重要，因此，網(wǎng)站的VI設計也非常重要。 網(wǎng)站的VI設計。首先網(wǎng)站的整個頁面的顏色是否協(xié)調(diào)，千萬不可給人刺眼的感覺；其次要看網(wǎng)頁上的的文字是否易于閱讀，文字太細、顏色太淺、頁面太長或超出屏幕寬度，都是有違網(wǎng)站設計的“美學原則”；再次要看圖片，圖片太大、太多、太模糊都會惹來瀏覽者的反感；最后要看“動”與“靜”是否配合得當，無節(jié)制地濫用Flash、動態(tài)GIF、滾動字幕等效果就會讓人眼花繚亂，但死氣沉沉，毫無生氣的頁面也會讓人感到乏味。 上面談到的VI設計僅僅是就一個頁面而言，VI設計的另一方面是看整個網(wǎng)站的所有頁面是否協(xié)調(diào)與一致。每個頁面都使用相同種排版方式、相同的背景色及近似的按鈕都能增加網(wǎng)頁一致性，樹立統(tǒng)一的風格。這是最基本而有最重要的網(wǎng)站VI設計1.2.1歷史的網(wǎng)絡形象設計從50年代初到現(xiàn)在，CI的誕生有近50年的歷史,他發(fā)展沿革大致上經(jīng)歷三個階段: A 從商標品牌到產(chǎn)品視覺統(tǒng)一設計， B 企業(yè)風格的視覺傳達設計， C 從視覺形象識別到整體形象識別，CI已經(jīng)從單純的視覺傳達設計演變?yōu)橐环N企業(yè)形象的傳播策略，我們可以看出VI形象的識別是現(xiàn)在CI、MI等的最初起源，最初是商品標志視覺功能的擴展，商標品牌作為商品的標記和象征，在商品市場的競爭中發(fā)揮這主要作用，1851年，美國寶齡公司老板發(fā)現(xiàn)負責貨運的人總是在裝蠟燭的箱子上畫上黑叉叉，經(jīng)詢問才知道是為了那些目不識丁的碼頭工人能分辨哪是蠟燭哪是香皂。后來，有位聰明的工人把難看的叉叉改成了星星，進而成為固定的符號經(jīng)常出現(xiàn)。CI這一詞最早由美國的設計家來蒙特于1930年左右提出。第二次世界大戰(zhàn)以后，美國的經(jīng)濟發(fā)展在世界一直處于領先地位，企業(yè)重視工業(yè)設計和產(chǎn)品的視覺設計?，F(xiàn)代設計的搖籃德國包豪斯設計學院，這所起初培養(yǎng)建筑設計而創(chuàng)建的學校，轉(zhuǎn)而以培養(yǎng)工業(yè)設計、商業(yè)設計、視覺傳達設計等專門人才。造就了一批設計師，對今天設計產(chǎn)生了深遠的影響。1.2.2網(wǎng)絡形象識別設計 網(wǎng)絡形象識別設計要根據(jù)企業(yè)制定的識別系統(tǒng)進行擴展延伸，設計出新的符合網(wǎng)絡屬性特點的形象識別系統(tǒng)。從宏觀上講，網(wǎng)絡形象應該具有統(tǒng)一的整體的便于識別的設計。首先，網(wǎng)絡形象設計的整體定位，網(wǎng)絡海洋如此之大，但是整體的網(wǎng)絡視覺效果很少能出現(xiàn)在我們的屏幕中，這就需要策劃設計人員有依據(jù)的進行整體定位策劃。VI設計中的企業(yè)標準形象需要重新整合組成，事實上可以憑借CI設計里已經(jīng)指定Logo、色彩、或標準字型等予以發(fā)展。尤其是色彩部分，使用正確的色彩往往可以得到相得益彰的效果。另外針對Logo本身的一致性所作的設計上變化也是一種變化，總而言之，所有的做法必須能夠發(fā)展出一套更具品牌形象的設計。 網(wǎng)絡形象標識設計可以以動態(tài)形式或靜態(tài)形式出現(xiàn)，網(wǎng)絡的web色彩和版式需要統(tǒng)一，我們稱網(wǎng)絡標準色彩和網(wǎng)絡應用版式，當然其形式和要素非常多，我們可以概括為基本元素形式。這里所說的基本元素主要包括：文字的處理、背景色彩、各種動態(tài)按鈕、圖表、表格、導航工具、背景音樂、互動影像、視頻播放、小窗口等，我們需要根據(jù)實際情況確定元素，當然更重要的是整個元素要有一種共同點，這也就是網(wǎng)絡形象設計的創(chuàng)意設計所在。以上各視聽元素大多數(shù)瀏覽器本身都可以顯示或收聽，無需任何外部程序或模塊支持。比如，大部分瀏覽器都可以顯示GIF、JPEG圖形和GIF89a動畫。還有些多媒體文件（如MP3音樂）需要先下載到本地硬盤上，然后啟動相應的外部程序來播放?？傊?，技術(shù)的不斷發(fā)展使多媒體元素在網(wǎng)頁藝術(shù)設計中的綜合運用越來越廣泛，使瀏覽者可以享受到更加完美的視聽效果。這些新技術(shù)的出現(xiàn)，也對網(wǎng)頁的藝術(shù)設計提出了更高的要求。多媒體技術(shù)的運用大大豐富了網(wǎng)頁藝術(shù)設計的表現(xiàn)力網(wǎng)頁的版式設計同報刊雜志等平面媒體的版式設計有很多共同之處，它在網(wǎng)頁的藝術(shù)設計中占據(jù)著重要的地位。所謂網(wǎng)頁的版式設計，是在有限的屏幕空間上將視聽多媒體元素進行有機的排列組合，將理性思維個性化的表現(xiàn)出來，是一種具有個人風格和藝術(shù)特色的視聽傳達方式。它在傳達信息的同時，也產(chǎn)生感官上的美感和精神上的享受。 據(jù)說視覺文化的時代已經(jīng)來臨。丹尼爾貝爾認為：“目前居統(tǒng)治地位的是視覺觀念。聲音和景象，尤其是后者組織了美學、統(tǒng)率了觀眾。在一個大眾社會里，這幾乎是不可避免的”。隨著時代的進步，大眾社會的要求逐漸擴展延伸，品牌等成為一種無形資產(chǎn)成為商品分辨和信譽保證的重要識別，使得在人們視線里出現(xiàn)整體的視覺識別系統(tǒng)，時代也有了它新的概念，即視覺文化時代。視覺文化時代的到來，急劇加速經(jīng)濟的發(fā)展，經(jīng)濟的發(fā)展也促使視覺文化的進步，總之，設計與經(jīng)濟時代的發(fā)展是緊密聯(lián)系不可分割的。 所以網(wǎng)絡形象識別設計已經(jīng)越來越重要了。在視覺文化時代發(fā)揮著重要的作用。第二章 網(wǎng)站系統(tǒng)的相關技術(shù)介紹和分析2.1. Flash技術(shù)特點 由于我們本系統(tǒng)是關于Flash技術(shù)在IVIS中的應用，我們用的主要的多媒體創(chuàng)作工具是Flash，所以下面就重點介紹Flash 技術(shù)的優(yōu)點。Flash的優(yōu)點：極端自由方便的排版方式，下載同時播放的數(shù)據(jù)流結(jié)構(gòu)，小巧精致的矢量畫面，強大的交互性能。從中可以看到，F(xiàn)lash的生存更多地與網(wǎng)絡緊密相連，其大量的特性是與網(wǎng)絡相關的?？梢哉f，沒有與網(wǎng)絡的結(jié)合，F(xiàn)lash絕對不能取得現(xiàn)在的成功。作為動畫或者多媒體設計軟件，F(xiàn)lash其實具有的是更為大眾化的特點：反走樣處理后的矢量畫面美觀大方，同時支持位圖、聲音非常簡單易用的操作，加上不錯的性能，這是Flash脫離普通甚至更為強大的多媒體設計軟件而獨具魅力的根本原因。如果一種設計工具能夠為盡量廣泛的群體所使用，并且盡量地滿足群體的表現(xiàn)，那么這種滿足將代表無限廣闊的市場。與網(wǎng)絡的結(jié)合，使Flash獲得了生命力。而Flash本身也確實根據(jù)網(wǎng)絡發(fā)展了自己的優(yōu)勢。Flash憑什么來代替原有的HTML世界呢？1.極端自由方便的排版方式。有過Web設計經(jīng)驗的人都知道，HTML元素的排版的繁瑣程度遠遠超過了普通的圖文混排（盡管DHTML有所改觀）?；诒砀竦呐虐娣绞剑煌瑸g覽器的兼容都讓人傷腦筋。Flash就不同了，自由的排版方式，瀏覽器之間完全兼容，基于矢量的無級縮放。2.強大的交互性能。僅僅能排版還不夠，代替HTML還要能交互。事實上，鼠標鍵盤、事件和腳本的組合使得Flash的交互能力空前加強，在某種程度上甚至超過了普通的HTML頁面。3.個性化、動態(tài)的站點設計。設計者的靈感獲得更大的發(fā)揮空間，站點的表現(xiàn)力極大地加強了。不論在何種情況下，動態(tài)美觀的站點設計都是極其吸引人的2.2. Flash網(wǎng)站設計的相關技術(shù)1、重要ActionScript代碼控制 這是全Flash網(wǎng)站實現(xiàn)的關鍵，尤其是Flash MX新增了很多功能強大的命令。下面介紹部分制作全Flash網(wǎng)站需要使用的比較重要的ActionScript函數(shù)。loadMovieNum("url",level, variables)loadMovie("url",level/target, variables) 功能說明：在播放原來加載的影片的同時將SWF或JPEG文件加載進來。參數(shù)說明：url ：要加載的 SWF 或 JPEG 文件的絕對或相對 URL，不能包含文件夾或磁盤驅(qū)動器說明。 Level ：把swf文件以層的形式載入到Movie里，若載入0層，則載入的swf文件將取代當前播放的Movie，2層高于1層。Target ：可用路徑拾取器取得并替換目標MC，載入的電影將擁有目標MC的位置、大小和旋轉(zhuǎn)角度等屬性。(個人認為用Target好些，在控制載入.swf位置時比較方便)Variables ：可選參數(shù)，指定發(fā)送變量所使用的 HTTP 方法（GET/POST）， 層次Level：Flash允許同時運行多個SWF文件，F(xiàn)lash一旦載入一個SWF文件，則占據(jù)了一個"層次"，系統(tǒng)默認的是_Flash0或_Level0，之后的Movie則按順序放在level0-level16000里。第一個載入的SWF文件為_Flash0或_Level0，第二個如果加載到第一層時的稱為_Flash1或_Level1,依此類推。注意前提是前面載入的文件沒有退出，否則沖掉第一個SWF文件，第一個文件也從內(nèi)存中退出。 注意：如果你將外部的Movie加載到Leve0層或者Level0里，那么，原始的Movie就會被暫時取代，要再用時還得重新Load一次，也就是說，一個Level在一個時間里只能有一個Movie存在。在使用LoadMovie和UnLoadMovie時必須特別注意Level之間的關系，否則，當你希望在一個時間里只播放一個Movie而Unload掉前一個Movie時，就會出現(xiàn)不必要的麻煩。unloadMovieNum(level)unloadMovieNum(level/"target") 功能說明：從 Flash Player 中刪除已加載的影片。 參數(shù)說明：同上 gotoAndPlay(scene, frame) 功能說明：轉(zhuǎn)到指定場景中指定的幀并從該幀開始播放。如果未指定場景，則播放頭將轉(zhuǎn)到當前場景中的指定幀。 參數(shù)說明：scene：轉(zhuǎn)到的場景的名稱。 Frame：轉(zhuǎn)到的幀的編號或標簽。 2、文本導入 在我們制作全Flash網(wǎng)站的過程中經(jīng)常遇到一定量的文字內(nèi)容需要體現(xiàn)，文本的內(nèi)容表現(xiàn)與上面介紹的流程是一樣的，不同的地方體現(xiàn)最后的表現(xiàn)效果和處理手法還是有些不同。 方法一、文本圖形法 如果文本內(nèi)容不多，有希望將文本內(nèi)容做的比較有動態(tài)效果，可以采用此法。將需要文本做成若干個Flash的組件，在相應的位置安排好。文本圖形法的文件載入與上面介紹的處理手法比較類似，原理都差不多。具體動態(tài)效果就有待大家自己去考慮，這里就不多介紹。 方法二、直接導入法 文本導入法可以將獨立的.txt文本文件，通過loadVariables導入到Flash文件內(nèi)，修改時只需要修改txt文本內(nèi)容就可以實現(xiàn)Flash相關文件的修改，非常方便。在文本框?qū)傩灾性O置Var:變量名（注意這個變量名）。為文本框所在的幀添加ActionScript代碼：loadVariables("變量名.txt", "");編寫一個純文本文件.txt（文件名隨意），文本開頭為“變量名=”，“”后面寫上正式的文本內(nèi)容。2.3 Flash設計中的關鍵技術(shù) ActionScript中常用到的控制實例對象的Action指令。下面只要介紹一下相關Action語句。1gotoAndPlay(scene,frame);跳轉(zhuǎn)到指定幀并繼續(xù)播放。scene參數(shù)是可選項，指定要跳轉(zhuǎn)到的場景，如果不使用，則默認為當前場景。frame參數(shù)指定了要跳轉(zhuǎn)到的幀在場景中的序號。例：gotoAndPlay(5); /跳到第5幀并繼續(xù)播放2gotoAndStop(scene,frame);跳轉(zhuǎn)到指定幀并停止播放。scene參數(shù)是可選項，指定要跳轉(zhuǎn)到的場景，如果不使用，則默認為當前場景。frame參數(shù)指定了要跳轉(zhuǎn)到的幀在場景中的序號。例：gotoAndStop(5); /跳到第5幀并停止3on(mouseEvent) statement;處理程序。當鼠標或鍵盤事件發(fā)生時響應。參數(shù)statement mouseEvent 事件激活后要執(zhí)行的程序段。 mouseEvent 可以是下列參數(shù)：press 鼠標在按鈕上時左鍵被按下。 release 鼠標在按鈕上時左鍵被松開。releaseOutside 鼠標不在按鈕上時左鍵被松開。rollOver 鼠標滑過按鈕。rollOut 鼠標從按鈕上移出。dragOver 鼠標在按鈕上時左鍵被按下，按住后鼠標移出按鈕范圍，然后又移回到按鈕上。dragOut 鼠標在按鈕上時左鍵被按下，按住后鼠標移出按鈕范圍。keyPress (“key”)指定的鍵被按下。指定鍵的鍵值的選取可以參見附錄“鍵和鍵值”，或者參考在Key對象中列出的各鍵的屬性。在下面的例子中，當鼠標在按鈕上時會激活 startDrag 動作：on(rollOver) gotoAndStop(5);4play();開始播放動畫或者Movie Clip。例：this.play(); /開始播放當前的Movie Clip5stop();停止播放動畫或Movie Clip。例：this.stop(); /停止播放當前的Movie Clip6stopAllSounds();停止播放所有的聲音。7getURL(url ,windows);打開超文本連接。參數(shù)url是設置調(diào)用網(wǎng)頁網(wǎng)址，可選參數(shù)windows指定了在哪一個HTML框架中打開超文本連接，如果不使用這個參數(shù)則在當前窗口打開超文本連接。下文中的“ ”都和這里一樣，表示該參數(shù)可選。例：getURL(“”); /打開的網(wǎng)頁8onClipEvent(movieEvent) . 在對Movie Clip或Graphics Symbol對象指定的事件發(fā)生時響應。參數(shù)movieEvent 是和電影剪輯實體相聯(lián)系的一個動作事件例1：下面的例子將在加載電影剪輯的時候讀入外部的 Script 程序文件：onClipEvent(load) #include "myScript.as"9startDrag(targat ,lock,left,top,right,bottom);開始用鼠標拖動MovieClip或Graphic Symbol對象。參數(shù)targat 是要拖曳的對象，lock參數(shù)用來確定是否鎖定中心拖曳，參數(shù)left，top，right，bottom是拖曳的范圍的坐標。在這里，lock和left，top，right，bottom參數(shù)都是可選的。例：startDrag(_root.MC1); /開始拖動_root.MC1對象14stopDrag(target);停止用鼠標拖動MovieClip或Graphic Symbol對象。參數(shù)targat 是被拖曳的對象。例：stopDrag(_root.MC1); /停止拖動_root.MC1對象10updateAfterEvent(movie clip event);當參數(shù)中指定的動作發(fā)生后，刷新屏幕 (取決于動畫設定中的每秒播放幀數(shù)項) 。在 drag 動作中同時使用鼠標移動來激活 updateAfterEvent，刷新屏幕將不會造成屏幕的閃爍。 利用這些ActionScript中常用到的控制實例對象的Action指令。把它們適當?shù)慕M合在一起控制Flash舞臺中的動畫效果。能把動畫或者是網(wǎng)站做的更加的漂亮美觀。更能吸引人們的眼球。 第三章 網(wǎng)站網(wǎng)絡形象識別設計3.1 網(wǎng)站進行網(wǎng)絡形象設計的目的 網(wǎng)站進行網(wǎng)絡形象設計，以達到以下的目的：（） 展示整個網(wǎng)站的風格，顯示個人修養(yǎng)。（） 讓瀏覽者有興趣觀看本網(wǎng)站。（） 使瀏覽者在觀看我的網(wǎng)站時，而不感覺到視覺的疲勞。（） 最大力度的宣傳自己。網(wǎng)絡形象設計時網(wǎng)絡設計的創(chuàng)意的十大目標： 簡潔生動形象； 強烈的視覺形式感和高度藝術(shù)性； 易于識別和記憶； 具有高度的概括力； 具有現(xiàn)代感； 合乎時代潮流； 具有未來性； 信賴度很高； 令人產(chǎn)生親切和藹的感覺 3.2 網(wǎng)站網(wǎng)絡形象設計的內(nèi)容一個優(yōu)秀網(wǎng)站依托的是視覺規(guī)劃和各種互聯(lián)網(wǎng)技術(shù)的完善結(jié)合。網(wǎng)站網(wǎng)絡形象設計的關鍵是VI設計。 3.2.1 網(wǎng)站的VI設計一個好的視覺設計(即VI設計)，必須要有一個好的視覺效果。首先整個網(wǎng)頁的顏色要協(xié)調(diào)，不能給人刺眼的感覺。其次網(wǎng)頁上的文字要易于閱讀，文字，顏色以及頁面的設計要遵循網(wǎng)站設計的美學原則。圖片不能用的太大太多，而且不能無節(jié)制地濫用Flash，動態(tài)GIF，滾動字幕等。用將Flash技術(shù)恰當?shù)貞玫骄W(wǎng)站的VI設計中。VI設計的另一個方面是設計整個網(wǎng)站的所有頁面要協(xié)調(diào)一致。每個頁面都使用相同的排版方式和相同的背景色及相近的按鈕。本站已經(jīng)有可一個統(tǒng)一的CI設計，那本網(wǎng)站的VI設計就要遵循網(wǎng)站的VI設計。網(wǎng)絡形象識別設計要根據(jù)工作室制定的識別系統(tǒng)進行擴展延伸，設計出新的符合網(wǎng)絡屬性特點的形象識別系統(tǒng)。從宏觀上講，網(wǎng)絡形象應該是具有統(tǒng)一的，整體的，便于識別的設計。我們遵循網(wǎng)站的CI設計設計出網(wǎng)站的VI。3.2.2 網(wǎng)絡形象的整體定位 VI設計中的工作室標識形象需要重新整合組成。事實上，可以憑借CI設計中已經(jīng)指定的Logo、色彩及標準字型等予以發(fā)展。尤其是色彩部分，使用正確的色彩往往可以收到相得益彰的效果。另外，針對Logo本身的一致性所作的設計上變化也是一種變化。本站的CI設計是一個標志“夏季風”。夏季風是本人一向使用的網(wǎng)名，用它來代表我的形象。讓大家對我對我有個出的認識，從而進一步的去認識我。3.2.3網(wǎng)絡形象標志設計的形式網(wǎng)絡形象標識設計的形式。網(wǎng)絡形象標識設計可以動態(tài)形式或靜態(tài)形式出現(xiàn)，網(wǎng)絡的Web色彩和版式需要統(tǒng)一，我們稱其為網(wǎng)絡標準色彩和網(wǎng)絡應用版式，當然其形式和要素非常多，我們可以概括為基本元素形式。這里所說的基本元素主要包括：文字的處理、背景色彩、各種動態(tài)按鈕、圖表、表格、導航工具、背景音樂、互動影像、視頻播放及小窗口等。我們需要根據(jù)實際情況確定元素，當然更重要的是整個元素要有一種共同點，這也就是網(wǎng)絡形象設計的創(chuàng)意設計所在。以上各視聽元素大多數(shù)瀏覽器本身都可以顯示或收聽，無需任何外部程序或模塊支持。比如，大部分瀏覽器都可以顯示GIF、JPEG圖形和GIF89a動畫。還有些多媒體文件(如MP3音樂)需要先下載到本地硬盤上，然后啟動相應的外部程序來播放。另外，在瀏覽器中使用插件(Plug-in)可以播放更多格式的多媒體文件。微軟推出IE瀏覽器后，提供了基于OLE的ActiveX技術(shù)，用來在網(wǎng)頁中播放多媒體。目前，ActiveX已經(jīng)成為熱門技術(shù)。我給此站做了音樂視聽頁面，讓大家可以在緊張的心情可以放松一下。另外在 首頁最顯眼的地方放了本人自己做的一個flashMTV，從而為網(wǎng)站增加了一份色彩。在這個網(wǎng)站中主要介紹了本人一些相關信息和一些欣賞部分等等。在網(wǎng)站的首頁的右上角的明顯的地方，根據(jù)自己的網(wǎng)名，并用Flash做出個標志性標志。 網(wǎng)頁的版式設計。網(wǎng)頁的版式設計主要以古典色調(diào)為主，是網(wǎng)站透出一種古典風情。所謂網(wǎng)頁的版式設計，是指在有限的屏幕空間上將視聽多媒體元素進行有機的排列組合，并將理性思維個性化地表現(xiàn)出來，是一種具有個人風格和藝術(shù)特色的視聽傳達方式。3.3 網(wǎng)站進行網(wǎng)絡形象設計應注意的問題(1)注重網(wǎng)站的界面風格設計。網(wǎng)站的界面設計是網(wǎng)站在建立網(wǎng)站時非常重要的環(huán)節(jié)，一個創(chuàng)意新穎、設計精美、結(jié)構(gòu)合理的網(wǎng)站，會為網(wǎng)站形象的推廣起到不可替代的作用。由于網(wǎng)頁宣傳是互動的媒體，因而在設計上就要符合瀏覽者的使用習慣，界面設計的人性化及個性化，將直接影響工作室視覺形象的拓展。同時，由于不同的國家在語言、文化方面存在差異，不同的媒體也有不同的閱讀要求和特點，因此網(wǎng)站要在體現(xiàn)CI的同時進行各種調(diào)整，語言方面最好設計成中、英文界面，以便獲得最大程度的認知度。 (2)網(wǎng)站看上去要舒適美觀、瀏覽速度要快。網(wǎng)站在界面設計上一定要有創(chuàng)意，給瀏覽者以美的藝術(shù)享受，塑造工作室“專業(yè)”、“可信”之良好形象，以便使瀏覽者對工作室產(chǎn)生更多的信任感。在瀏覽中，時間長短會影響瀏覽者對網(wǎng)頁的觀感。據(jù)統(tǒng)計，若等候時間超過半分鐘，七成瀏覽者會放棄登錄。因此設計上要配合速度，放棄一些非必要而又影響下載速度的效果。(3)網(wǎng)站要提煉出自己的文化理念。一個網(wǎng)站形象設計時，要提煉出本網(wǎng)站的文化理念，并結(jié)合網(wǎng)站本身的特點將其貫穿于整個網(wǎng)站中。(4)提高網(wǎng)頁設計人員的素質(zhì)。網(wǎng)站的視覺形象設計結(jié)網(wǎng)頁設計人員提出了更高的要求，因而在提高網(wǎng)絡技術(shù)的同時，設計人員自身文化素質(zhì)的提高是必不可少的。只有設計者在平時的生活中點點滴滴地積累，不斷提高自己的素質(zhì)，才可能在自己的網(wǎng)頁設計中挖掘出好的東西來，給讀者留下好的印象與美的享受。 第四章 網(wǎng)站系統(tǒng)結(jié)構(gòu)設計4.1 系統(tǒng)功能概述 此網(wǎng)站系統(tǒng)主要介紹了本人的相關資料和其它欣賞部分等。在介紹本人的同時，在其中加如了一個flashMTV動畫音樂，圖片欣賞，音樂視聽和留言等。這樣設置是為了讓大家了解我的同時可以享受一下音樂和動畫帶來的輕松和愉快。 這是本網(wǎng)站的首頁剪圖 首頁的按鈕是加了一個Action指令實現(xiàn)的一種特效，鼠標放上去，按鈕向下移動一段距離然后停下，移開就復原。在頂上加了一個顯示時間的Action指令 onClipEvent (load) days = new Array(星期日, 星期一, 星期二, 星期三, 星期四, 星期五, 星期六);months = new Array(一月大, 二月平, 三月大, 四月小, 五月大, 六月小, 七月大, 八月大, 九月小, 十月大, 十一月小, 十二月大);timedate = new Date();onClipEvent (enterFrame) hour = timedate.getHours();minutes = timedate.getMinutes();seconds = timedate.getSeconds();todaydate = timedate.getDate();day = timedate.getDay();dayname = daysday;month = timedate.getMonth();monthname = monthsmonth;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+"年"+monthname;datena = dayname;dayna = todaydate;timena = hour+":"+minutes+":"+seconds;delete timedate;timedate = new Date();首頁的LOGO是以我的網(wǎng)名夏季風和xiajifeng而設計的, 在圖標上加了一個水波晃動效果。LOGO的設計如下圖：在ABOUT里，主要有介紹我自己的相關資料。放了我的個人照片和父母的照片，從內(nèi)部延伸三塊，分別是about me, my father,my mather .其中my father和my mather由于時間關系，還在建設中。about me內(nèi)部的個人資料，是利用了Flash做的滾動條來實現(xiàn)的，它可以上下拖動。具體用到的代碼如下：scrolling.onPress = function() sign._visible = 0;sign2.gotoAndStop(1);this.gotoAndStop("dark");lock = "no"scrolling.onRelease = function() sign._visible = 0;this.gotoAndStop("light");lock = "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;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<txt.ymin and distance<0) scrolling._y += distance;txt._y -= distance*txt._height/(110-scrolling._height);和gotoAndPlay("loop");在MY WORKS里面放入了7篇文章： 選擇 自我欺騙 聚散兩依依 錯過一時，錯過一生 這種感覺你有過嗎 思念是一種美麗的孤獨 世上最遙遠的距離 文章的顯示效果也是利用Flash制作的過動條來實現(xiàn)的。在PICTURE里面，主要的圖片瀏覽，里面的圖片切換主要通過代碼gotoAndPlay("");和stop();來實現(xiàn)的，在每張圖片上加了一種特效，當鼠標經(jīng)過，有模糊層從大到小往中心縮?？s到2/3的時候停下，當鼠標離開，縮到最小直到無。在CONTACT ME里面主要是讓大家留言的，大家只要在里面輸入姓名， E-mail,主頁和留言內(nèi)容后，點擊提交，留言就會提交到數(shù)據(jù)庫，然后在網(wǎng)頁最下面顯示留言內(nèi)容。留言主要是用flash和 Asp結(jié)合完成數(shù)據(jù)庫的操作。在 flash中先把各字段綁定，然后再用代碼loadVariables("write.asp","","post");和外部的asp文件實現(xiàn)連接。再在asp文件中完成數(shù)據(jù)庫的連接和讀入數(shù)據(jù)，完成提交。ASP文件中的代碼如下：<%name=Request.Form("name")email=Request.Form("email")tele=Request.Form("telenum")mess=Request.Form("idea")response.write nameresponse.write emailresponse.write teleresponse.write mess Set conn = Server.CreateObject("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中，加入了六首音樂，我是把音樂文件轉(zhuǎn)換成數(shù)據(jù)流形式，是音樂更容易控制。大家可以在瀏覽我的網(wǎng)站的時候，可以聽聽音樂，來減呀一下。在音樂旁邊放一幾個動畫來美觀一下網(wǎng)頁。在FAVORITE LINKS中主要是幾個友情連接。在Graduation in the offing里面是我自己對即將畢業(yè)的一篇畢業(yè)心聲。在My Chum里面主要的介紹我大學寢室的八個室友包括我，還有我們八人的照片。4.2 系統(tǒng)結(jié)構(gòu)設計框圖ABOUT MEMy matheMTVMUSICPICTURECONTAC MET FAVORITE LINKSHOMEGraduation in the offingMy fatherAbout meMy Chum第五章 站點測試及后續(xù)開發(fā)展望5.1 站點測試及后續(xù)開發(fā)展望網(wǎng)站完成之后進行站點可行性測試。存在一些問題的話及時進行解決。在給夏季風個人網(wǎng)站做IVIS時，我們主要用了Flash技術(shù)。Flash網(wǎng)站和傳統(tǒng)網(wǎng)站相比有很多優(yōu)點。如具有強大的交互能力。個性化、動態(tài)的站點設計。設計者的靈感獲得更大的發(fā)揮空間，站點的表現(xiàn)力極大地加強了。不論在何種情況下，動態(tài)美觀的站點設計都是極其吸引人的。由于時間關系，網(wǎng)站系統(tǒng)做的還是比較粗略。還是存在一些不是很完善的地方，像留言的讀取方面還未完成，而只是靠asp程序來完成。對于一個全 flash網(wǎng)站來說還是個遺憾。另外在細節(jié)方面還是不夠精細，還有待改善。整個網(wǎng)站的內(nèi)容方面還是有待增加的，以后有時間我會盡快改善各方面的，使整個網(wǎng)站的外觀和內(nèi)在得到更好的發(fā)揮，也能讓大家更好的了解我，和我交朋友。 以上介紹了Flash技術(shù)在IVIS（即網(wǎng)絡形象識別系統(tǒng)）中的應用。由于Flash技術(shù)的應用使原本有點呆板的視覺形象識別系統(tǒng)變得很生動形象。在個人網(wǎng)站上flash技術(shù)能更好的表現(xiàn)個人網(wǎng)站的美觀，和存在的價值。主要參考文獻1網(wǎng)絡形象設計(IVIS)與視覺文化時代七色鳥設計空間2Flash的世界閃客帝國3Flash教程硅谷動力4 張巖. 多媒體創(chuàng)作工具探討 . 阜陽師范院計算機系，阜陽 2360325 陳利卿 VI理論與高校的VI設計 南昌航空工業(yè)學院 南昌 3300346 孫湘明 論我國企業(yè)形象設計中的理念的建立 株江工學院學報 第16卷第2期7 flash多媒體教程 8 藍色理想 全flash網(wǎng)站制作剖析 中科院光電技術(shù)研究所