《音樂》flash網(wǎng)頁設(shè)計(jì)

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

2、常訪問一個(gè)比較符合他們色彩口味的flash網(wǎng)站，者就是“美”的作用了?？傊?，“美”和“功能”都是為了更好的表達(dá)網(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)站還會(huì)提供心情分類，可以依據(jù)你的心情為你推薦合適的歌曲。設(shè)計(jì)作品圖1音樂網(wǎng)站首頁圖2音樂網(wǎng)站新聞頁圖3音樂網(wǎng)站專輯頁圖4音樂網(wǎng)站專輯頁2設(shè)計(jì)說明一、作品介紹音樂

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

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

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

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