【正文】 圖 ） 。 這套網(wǎng)頁嚴(yán)老師看了之后還算比較滿意，但背景太深， 和網(wǎng)頁正文有些不協(xié)調(diào)，感覺很拘謹(jǐn)、不大氣，在嚴(yán)老師的指點下去掉了網(wǎng)頁背景，并在網(wǎng)頁的 美化 及內(nèi) 容 上做了大量的處理和修改，精心的完成整套網(wǎng)頁的設(shè)計。為了使網(wǎng)頁又有個性，我 利用復(fù)古的牛皮紙做正文背景，但嚴(yán)老師說這個設(shè)計方案看上去不大氣（如圖 ），需要再改改，建議我用水墨風(fēng)格，所以這個方案也被 PASS 掉了。第一套，是淡藍(lán)色 網(wǎng)頁，給人一種清新的感覺，還有幾條漂亮的金魚，原意是想表現(xiàn)藝術(shù)學(xué)院的學(xué)子們自由自在的藝 海里暢游（如圖 ），但指導(dǎo)老師 嚴(yán)老師 說這不像是藝術(shù)學(xué)院的網(wǎng)頁，像一個科技類公司的網(wǎng)頁，所以 PASS 掉了。采用圖文結(jié)合的方法讓學(xué)習(xí)者能夠更直觀地學(xué)習(xí)，讓校外人士在了解藝術(shù)學(xué)院的同時也在欣賞藝術(shù)。 網(wǎng)頁布局設(shè)計 本 網(wǎng)頁 以 黑色和紅色作為主要 色調(diào)， 配上復(fù)古的水墨效果，形成獨特的中國風(fēng)， 使瀏覽 者在視覺上產(chǎn)生眼前一亮的視覺效果。該網(wǎng)頁重點子鏈接是登錄和注冊 模塊、學(xué)院概況、作品展示、交流平臺；如圖 圖 網(wǎng)頁的主題思想 本網(wǎng)頁屬于 教育機(jī)構(gòu) 網(wǎng)頁 ，目的就是要提供給學(xué)習(xí)者一個舒適的學(xué)習(xí)平臺 。 當(dāng)然，能用的軟件當(dāng)然不止這些，只是對于我這個新手來說，我目前用的就是這些軟件。 做網(wǎng)頁時，如果想很清楚的知道，兩個 Table 之間的距離， Picpick就是再好不過的軟件的了，它就像我們在做幾何題時用的直尺一樣的方便。除了這三個軟件，還有 ps, coreldraw, Illustrator， CSGet等，網(wǎng)頁需要美化的圖片和按鈕都離不開 ps, 網(wǎng)頁的界面效果圖頁先使用 ps 做出來之后，才能用 Fireworks 進(jìn)行切割； coreldraw 主要是用于做一些矢量圖，例如網(wǎng)頁 logo或者其它的小圖標(biāo)等； Illustrator 也成為 AI，它可以矢量圖和位圖之間自由轉(zhuǎn)換，我最 常用的格式就是 .eps，如果在做圖片的時候不用背景，那么 .eps 倒在 PS 里是透明模式。 圖 開發(fā)軟件 做網(wǎng)頁必備的三個軟件 Dreamweaver, Flash, Fireworks，也稱為網(wǎng)頁三劍客。用 Dreamweaver 制作網(wǎng)頁，第一件事就是要先建立站點，方便以后好管理。 5 網(wǎng)頁的制作與規(guī)劃 做網(wǎng)頁的步驟 首先，構(gòu)思好網(wǎng)頁的風(fēng)格，根據(jù)風(fēng)格收集大量的備用素材，我做的是水墨風(fēng)格的，那么我收集的素材都是水墨或者中國風(fēng)的圖片。 在國外，很多藝術(shù)網(wǎng)頁都是以體現(xiàn)作品 或?qū)W生學(xué)習(xí)為主，大量的采用學(xué)生作品和學(xué)生正在作畫的各種照片，以表現(xiàn)學(xué)院的學(xué)習(xí)氣氛和藝術(shù)氣氛。 （ 3）非盈利性。 （ 2）網(wǎng)站功能的特殊性。 主要表現(xiàn)在： （ 1）受眾群的特殊性。 4 藝術(shù) 學(xué)院 網(wǎng)頁的特殊性 藝術(shù)學(xué)院作為走在藝術(shù)前沿的教育 機(jī)構(gòu)，本身具有獨特的個性，要求網(wǎng)站風(fēng)格體現(xiàn)其獨特的藝術(shù)氛圍，準(zhǔn)確、有創(chuàng)意的網(wǎng)頁可以體現(xiàn)藝術(shù)學(xué)院特色。開的工資也比平面設(shè)計的高，去公司后很受重用，三個月后就轉(zhuǎn)正了，漲了工資又還交了五險一金，還雙休。 就拿自己找工作的經(jīng)驗來說， 我無數(shù)次給廣告公司投簡歷，都是石沉大海。各行各業(yè)都涌現(xiàn)出的成千上萬的優(yōu)秀網(wǎng)站，他們利用網(wǎng)站來進(jìn)行宣傳、娛樂、產(chǎn)品資訊發(fā)布、論壇交流、資料下載等等。后臺就是在前臺的基礎(chǔ)上完成 添 加更新網(wǎng)站的內(nèi)容，例如登陸系統(tǒng)的操作和留言板的提交設(shè)置等。 所以 人們?yōu)榱俗龀鐾昝赖木W(wǎng)頁，開始分工合作，不同的人才聚集在一起，組成一個團(tuán)隊，于是 就有了現(xiàn) 在的前臺和 后臺。很多平面設(shè)計大師可以做出了很漂亮的網(wǎng)頁界面，卻無法獨立完成網(wǎng)頁的后期操作，所以一個優(yōu)秀的網(wǎng)頁設(shè)計師不但要 會 ps, coreldraw, Illustrator 等平面設(shè)計軟件，還有學(xué)會使用Dreamweaver, Flash, Fireworks 網(wǎng)頁三劍客、 基礎(chǔ)的 html 語言和 div+css 樣式做頁面布局的排版，同時還有學(xué)會使用 JavaScript 腳本以及熟悉更多的計算機(jī)語言。 3 關(guān)于網(wǎng)頁 網(wǎng)頁設(shè)計對人才的要求 網(wǎng)頁設(shè)計看似很簡單，而做起來卻是一個很棘手的問題。既然是促進(jìn)大家學(xué)習(xí)，那么就應(yīng)該有論壇等交流平臺 ，同學(xué)們可以自主的發(fā)表 個人的看法和意見，可以分享自己的作品和他人的優(yōu)秀作品，一起談?wù)摵吞接憣W(xué)習(xí)上或生活中遇到的問題 。 其次， 西京學(xué)院藝術(shù)學(xué)院是以 藝術(shù)教育為 基礎(chǔ)的機(jī)構(gòu)，所以網(wǎng)頁的設(shè)計離不開對作品的展示。其次，做網(wǎng)頁時還要學(xué)會留白，尤其是藝術(shù)網(wǎng)頁，才能給人與想象的空間 ，還要 有明確風(fēng)格，才能 能給瀏覽者對 該學(xué)校留下深刻 的印象，藝術(shù)學(xué)院的網(wǎng)頁風(fēng)格應(yīng)該是體現(xiàn)活躍 的 學(xué)習(xí)氣氛又不失形象的。 2 前期的準(zhǔn)備工作 市場調(diào)查 為了做好西京學(xué)院藝術(shù)學(xué)院網(wǎng)頁，我花了大量的時間對藝術(shù)網(wǎng)頁進(jìn)行調(diào)查 ， 在大眾眼中，藝術(shù)學(xué)院的網(wǎng)頁應(yīng)該是什么樣子的呢？通過詢問周圍的同學(xué)、朋友或者親人以及網(wǎng)絡(luò)發(fā)帖等形式，我了解到， 80%的人都認(rèn)為，藝術(shù)學(xué)院的網(wǎng)頁應(yīng)該以水墨為主，做出復(fù)古中國風(fēng)的風(fēng)格 ； 10%的人認(rèn)為應(yīng)該很特別、很抽象才能體現(xiàn)藝術(shù)感 ； 5%的人認(rèn)為應(yīng)該做出大自然清晰的感覺，或是以奔跑的動物為主題，才能體現(xiàn)藝術(shù)學(xué)院的活躍與生機(jī)，3%的人認(rèn)為 應(yīng)該用淡顏色為主，顏色太深讓人 感覺很沉重而失去氣氛；其他的人則認(rèn)為藝術(shù)學(xué)院的網(wǎng)頁應(yīng)該和市場上的網(wǎng)頁沒有太大區(qū)別，畢竟是一個學(xué)院的網(wǎng)頁而 非 個人網(wǎng)頁， 因此 不能做的 太 個性，以傳達(dá)信息為主。第四、 希望 把自己在大學(xué)四年的作品 以 網(wǎng)頁的形式歸納和保存起來。第二、西京學(xué)院藝術(shù)學(xué)院網(wǎng)頁是獨一無二的，我不用擔(dān)心各位老師對我的作品有抄襲嫌疑。由于現(xiàn)在使用網(wǎng)絡(luò)的人越來越多，為了滿足人們的需求，大量的網(wǎng)頁被建立起來，如今人們的生活水平在提高，人們對網(wǎng)頁的要求也不簡簡單單是傳遞信息了，人們希望瀏覽網(wǎng)頁的同時也是一種欣賞，一個漂亮、有個性的網(wǎng)頁往往很受人歡迎。因為網(wǎng)絡(luò)宣傳成本低，傳播范圍廣 而且速度快，給人們生活帶來極大的方便，促使國內(nèi)外各大公司與機(jī)構(gòu)紛紛創(chuàng)建自己的宣傳網(wǎng)站、購物網(wǎng)站與學(xué)習(xí)交流平臺。 Javascript 西京學(xué)院本科畢業(yè)設(shè)計說明書 4 目 錄 引言 ............................................................................................................................................ 5 1 選題來源 .............................................................................................................................. 6 2 前期的準(zhǔn)備工作 ..........................