《音樂》flash網(wǎng)頁設計

1、畢 業(yè) 設 計設計題目： 音樂flash網(wǎng)頁設計 姓 名： 院 系： 新聞與影視藝術(shù)系 專 業(yè)： 多媒體設計與制作 年 級： 2010級 學 號： 指導教師： 完成時間： 2013年3月10日5目錄前言1設計作品2設計說明4一、作品介紹4二、設計思路4三、作品制作過程4結(jié)論6前言網(wǎng)頁藝術(shù)設計包含試聽元素與排版設計兩項內(nèi)容：以主題鮮明、形式與內(nèi)容相統(tǒng)一、強調(diào)整體為設計原則：具有交互性與持續(xù)性、多維性、綜合性、板式的不可控性、藝術(shù)與技術(shù)結(jié)合的緊密性等五大特點。網(wǎng)頁藝術(shù)設計與網(wǎng)站主題密切相關(guān)的?？傊?，使用者總是抵制不了“美”的誘惑，網(wǎng)頁設計者會抓住使用者的這種心理制作網(wǎng)站，這就是為什么一個使用者會經(jīng)

2、常訪問一個比較符合他們色彩口味的flash網(wǎng)站，者就是“美”的作用了?？傊?，“美”和“功能”都是為了更好的表達網(wǎng)站主題。音樂網(wǎng)，泛指提供各種音樂人的音樂作品以供在線試聽或下載的一類網(wǎng)站。目前的音樂網(wǎng)站的音樂資源大多都是網(wǎng)站管理者購買正版或盜版cd后將音軌拷貝到電腦上，并壓制成各種格式，或直接從互聯(lián)網(wǎng)上下載而來的，基本上并無版權(quán)者的授權(quán)。目前大多數(shù)的音樂網(wǎng)站，新聞、音樂下載、試聽等功能。音樂網(wǎng)站的歌曲分類有：華語、歐美、日韓等。有的音樂網(wǎng)站還會提供心情分類，可以依據(jù)你的心情為你推薦合適的歌曲。設計作品圖1音樂網(wǎng)站首頁圖2音樂網(wǎng)站新聞頁圖3音樂網(wǎng)站專輯頁圖4音樂網(wǎng)站專輯頁2設計說明一、作品介紹音樂

3、網(wǎng)站設計，運用flash cs5.5，photoshop cs4，dreamweaver cs5軟件制作。主要做了四個網(wǎng)頁，一個主網(wǎng)頁，兩個二級頁面，一個三級頁面，網(wǎng)頁為動態(tài)網(wǎng)頁。主要是介紹關(guān)于音樂新聞、最新專輯等內(nèi)容。在主頁面上分別在新聞和專輯兩個按鈕上添加鏈接。二級頁面（一）為專輯頁面主要是介紹一些新專輯，分別在新聞、專輯和專輯第一張圖片上面添加鏈接。二級頁面（二）主要是介紹專輯詳情，分別在新聞和專輯按鈕添加鏈接。三級頁面為新聞頁面主要是介紹一些音樂方面的新聞，分別在新聞和專輯按鈕添加鏈接。2、 設計思路隨著人們生活水平的提高，精神上的需求甚至超過了物質(zhì)上的需求，音樂便是精神生活中不可缺少

4、的一部分。在生活存在與生活的每個階段，特別是休息時，心情好或是不好的時候，音樂都起著關(guān)鍵的作用，可以說音樂對生活的影響已經(jīng)不容忽視了。在這個快節(jié)奏的時代，人們總是頂著巨大的生活壓力和工作壓力，難免會有煩躁的時候，而傾聽音樂是舒緩心情的方法之一。本設計正是看到了這一點，制作的本網(wǎng)頁，便于人們在休閑的時候傾聽音樂、了解音樂、放松心情。三、作品制作過程1、運用photoshop軟件做出網(wǎng)站平面靜態(tài)草圖，調(diào)整好畫面構(gòu)圖、排版、色彩等。2、運用flash軟件新建文件，調(diào)整適合屏幕大小的文件，背景設置為黑色，在新建文件中插入三個場景，分別在三個場景中根據(jù)photoshop草圖制作。并且把平面的photos

5、hop模版通過排版和幀的調(diào)整添加特效做成動態(tài)flash文件，并且把需要添加鏈接的文字圖片等轉(zhuǎn)換為影片剪輯元件，添加代碼 movieclip_1.addeventlistener(mouseevent.click, fl_clicktogotoscene_25);function fl_clicktogotoscene_25(event:mouseevent):voidmovieclip(this.root).gotoandplay(1, "場景 2");完成場景之間的轉(zhuǎn)換。并且在每個場景最后一幀添加了stop代碼防止視頻循環(huán)播放影響操作。最后把文件導出為視頻swf格式。3運

6、用dreamweaver軟件新建html文件修改頁面屬性左邊距、右邊距、上邊距、下邊距修改為0，背景顏色為黑色，插入表格行數(shù)為1列數(shù)為1，表格寬度為100百分比，邊框粗細為0，單元格邊距為0，單元格間距為0，標題為頂部，插入swf視頻格式文件，繪制ap div插入插件mp3文件，調(diào)整位置大小。 結(jié)論一個好的網(wǎng)頁設計是人的主觀能動性和客觀性存在的元素共同作用的結(jié)果是在意識和潛在意識之間進行的，設計者不可能跨越自身所具有的能力和所具備的現(xiàn)實的計算機硬件技術(shù)的客觀條件的限制制作優(yōu)秀的作品，想要成為一個優(yōu)秀的設計師，必須要根據(jù)客觀事實再根據(jù)自己的自身能力進行想象和創(chuàng)造。網(wǎng)絡技術(shù)主要表現(xiàn)為客觀因素，藝術(shù)創(chuàng)意主要表現(xiàn)為主觀因素，設計者應該積極能動地掌握各種網(wǎng)絡技術(shù)，把技術(shù)與藝術(shù)緊密結(jié)合起來，在藝術(shù)海洋里，進行藝術(shù)創(chuàng)作，最終滿足使用對網(wǎng)頁的高要求。網(wǎng)絡技術(shù)的飛速發(fā)展與藝術(shù)的無限創(chuàng)意，使網(wǎng)頁的藝術(shù)由平面延伸到立體多維的高度，由純粹的視覺藝術(shù)