網(wǎng)頁設(shè)計(jì)大賽PPT

1、計(jì)算機(jī)科學(xué)與技術(shù)2010級(jí)2班李恒昌體育賽事體育賽事 精彩你我精彩你我o(_)o網(wǎng)頁中四個(gè)必要的元素網(wǎng)頁中四個(gè)必要的元素有一個(gè)明確的主題有一個(gè)明確的主題1欄目與板塊欄目與板塊的的編排編排2色彩的合理搭配色彩的合理搭配3豐富的信息內(nèi)容豐富的信息內(nèi)容4確定網(wǎng)站主題確定網(wǎng)站主題v做網(wǎng)站，首先必須要解決的就是網(wǎng)站內(nèi)容問題，即確定網(wǎng)站的主題。 對(duì)于內(nèi)容主題的選擇，要做到小而精，主題定位要小，內(nèi)容要精。不要去試圖制作一個(gè)包羅萬象的站點(diǎn)，這往往會(huì)失去網(wǎng)站的特色，也會(huì)帶來高強(qiáng)度的勞動(dòng)，給網(wǎng)站的及時(shí)更新帶來困難。記?。涸诨ヂ?lián)網(wǎng)上只有第一，沒有第二！美國個(gè)人電腦雜志美國個(gè)人電腦雜志(pc magazine)評(píng)出了

2、評(píng)出了99年度排名前年度排名前100位的全美知名網(wǎng)站的十類題材：位的全美知名網(wǎng)站的十類題材：第第1類：網(wǎng)上求職；第類：網(wǎng)上求職；第2類：網(wǎng)上聊天類：網(wǎng)上聊天/即時(shí)信息即時(shí)信息/icq；第；第3類：網(wǎng)上社區(qū)類：網(wǎng)上社區(qū)/討論討論/郵件列表；第郵件列表；第4類：計(jì)算機(jī)技術(shù)；第類：計(jì)算機(jī)技術(shù)；第5類：網(wǎng)頁類：網(wǎng)頁/網(wǎng)站開發(fā)；第網(wǎng)站開發(fā)；第6類：娛樂網(wǎng)站；第類：娛樂網(wǎng)站；第7類：旅行；第類：旅行；第8類：參類：參考考/資訊；第資訊；第9類：家庭類：家庭/教育；第教育；第10類：生活類：生活/時(shí)尚。我們可以參看上面的分類，繼續(xù)細(xì)分。時(shí)尚。我們可以參看上面的分類，繼續(xù)細(xì)分。欄目與板塊的編排欄目與板塊的編排

3、構(gòu)建一個(gè)網(wǎng)站就好比寫一篇論文構(gòu)建一個(gè)網(wǎng)站就好比寫一篇論文，需要合理編排欄目版塊，需要合理編排欄目版塊盡可能刪除那些與盡可能刪除那些與主題無關(guān)的欄目；主題無關(guān)的欄目；盡可能將網(wǎng)站內(nèi)最盡可能將網(wǎng)站內(nèi)最有價(jià)值的內(nèi)容列在有價(jià)值的內(nèi)容列在欄目上；欄目上； 首先要列出提綱，才能主題明確、層次清晰。首先要列出提綱，才能主題明確、層次清晰。網(wǎng)網(wǎng)站建設(shè)初學(xué)者，最容易犯的錯(cuò)誤就是：確定站建設(shè)初學(xué)者，最容易犯的錯(cuò)誤就是：確定題材后立刻開始制作，沒有進(jìn)行合理規(guī)劃。從題材后立刻開始制作，沒有進(jìn)行合理規(guī)劃。從而導(dǎo)致網(wǎng)站結(jié)構(gòu)不清晰，目錄龐雜混亂，板塊而導(dǎo)致網(wǎng)站結(jié)構(gòu)不清晰，目錄龐雜混亂，板塊編排混亂等。結(jié)果不但瀏覽者看得糊里

4、糊涂，編排混亂等。結(jié)果不但瀏覽者看得糊里糊涂，制作者自己在擴(kuò)充和維護(hù)網(wǎng)站也相當(dāng)困難。所制作者自己在擴(kuò)充和維護(hù)網(wǎng)站也相當(dāng)困難。所以，我們?cè)趧?dòng)手制作網(wǎng)頁前，一定要考慮好欄以，我們?cè)趧?dòng)手制作網(wǎng)頁前，一定要考慮好欄目和板塊的編排問題。目和板塊的編排問題。 盡可能從訪問者角度來編排欄目以方便訪問者盡可能從訪問者角度來編排欄目以方便訪問者的瀏覽和查詢；輔助內(nèi)容，如站點(diǎn)簡介、版權(quán)的瀏覽和查詢；輔助內(nèi)容，如站點(diǎn)簡介、版權(quán)信息、個(gè)人信息等大可不必放在主欄目里，以信息、個(gè)人信息等大可不必放在主欄目里，以免沖淡主題。免沖淡主題。 另外，板塊的編排設(shè)置也另外，板塊的編排設(shè)置也要合理安排與劃分。板塊比欄目的概念要大一要

5、合理安排與劃分。板塊比欄目的概念要大一些，每個(gè)板塊都有自己的欄目。一般來說，個(gè)些，每個(gè)板塊都有自己的欄目。一般來說，個(gè)人站點(diǎn)內(nèi)容較少，只要分個(gè)欄目也就夠了，不人站點(diǎn)內(nèi)容較少，只要分個(gè)欄目也就夠了，不需要設(shè)置板塊。需要設(shè)置板塊。各板塊要有相對(duì)各板塊要有相對(duì)獨(dú)立性；獨(dú)立性；各板塊要有相互各板塊要有相互關(guān)聯(lián)；關(guān)聯(lián)； 各板塊的內(nèi)容要各板塊的內(nèi)容要圍繞站點(diǎn)主題；圍繞站點(diǎn)主題；色彩的合理搭配1用一種色彩。這里是指先選定一種色彩，然后調(diào)整透明度或者飽和度，這樣的頁面看起來色彩統(tǒng)一，有層次感。 2用兩種色彩。先選定一種色彩，然后選擇它的對(duì)比色。 3用一個(gè)色系。簡單的說就是用一個(gè)感覺的色彩，例如淡藍(lán)，淡黃，淡綠

6、；或者土黃，土灰，土藍(lán)。網(wǎng)頁色彩的網(wǎng)頁色彩的搭配搭配在網(wǎng)頁配色中，還要切記一些誤區(qū)： 1不要將所有顏色都用到，盡量控制在三至五種色彩以內(nèi)。 2背景和前文的對(duì)比盡量要大(絕對(duì)不要用花紋繁復(fù)的圖案作背景)，以便突出主要文字內(nèi)容。 顏色的忌諱顏色的忌諱 要有一種主色貫穿其中要有一種主色貫穿其中主色并不是面積最大的顏色，主色并不是面積最大的顏色，而是最重要，最能揭示和反而是最重要，最能揭示和反映主題的顏色，就象領(lǐng)導(dǎo)者映主題的顏色，就象領(lǐng)導(dǎo)者一樣，雖然在人數(shù)上居少數(shù)，一樣，雖然在人數(shù)上居少數(shù)，但起決定作用。但起決定作用。忌粉忌粉顏色淺固顏色淺固然顯的干凈，但如然顯的干凈，但如果對(duì)比過弱，整得果對(duì)比過弱，

7、整得蒼白無力了，就象蒼白無力了，就象病夫一樣無可救藥。病夫一樣無可救藥。再好看的顏色，也不再好看的顏色，也不能脫離整體。脫離群能脫離整體。脫離群眾是自取其辱！眾是自取其辱！ 艷麗的純色對(duì)人艷麗的純色對(duì)人的刺激太強(qiáng)烈抗的刺激太強(qiáng)烈抗議，缺乏內(nèi)涵。議，缺乏內(nèi)涵。 忌花忌花 忌純忌純 忌跳忌跳 忌粉忌粉 藍(lán)色忌純藍(lán)色忌純綠色忌黃綠色忌黃紅色忌艷紅色忌艷顏色的象征顏色的象征不同的顏色有著不不同的顏色有著不同的含義同的含義給人各種豐富的感給人各種豐富的感覺和聯(lián)想覺和聯(lián)想藍(lán)色：藍(lán)色：代表理智、代表理智、誠實(shí)誠實(shí)、清爽、清爽、永永恒恒黃色黃色：代表力量：代表力量、樸實(shí)樸實(shí)、燦爛、燦爛、希希望望 紅色：紅色：

8、代表代表熱情、熱情、奔放、喜悅、莊奔放、喜悅、莊嚴(yán)嚴(yán) 綠色：綠色：代表代表植物、植物、生命、生機(jī)生命、生機(jī)灰色：灰色：代表代表莊莊重、沉穩(wěn)重、沉穩(wěn)、沉著、沉著 豐富的信息內(nèi)容第四第四第三第三第二第二第一第一豐富引人的熱點(diǎn)豐富引人的熱點(diǎn)頁面內(nèi)容要新穎頁面內(nèi)容要新穎 網(wǎng)頁內(nèi)容要易讀網(wǎng)頁內(nèi)容要易讀正確合理的信息正確合理的信息抓住內(nèi)容要點(diǎn)抓住內(nèi)容要點(diǎn)用表格來布局網(wǎng)頁內(nèi)容要易讀頁面內(nèi)容要新穎 網(wǎng)頁內(nèi)容的選擇要不落俗套，要重點(diǎn)突出一個(gè)“新”字，這個(gè)原則要求我們?cè)谠O(shè)計(jì)網(wǎng)站內(nèi)容時(shí)不能照抄別人的內(nèi)容，要結(jié)合自身的實(shí)際情況創(chuàng)作出一個(gè)獨(dú)一無二的網(wǎng)站。 所以，我們?cè)谠O(shè)計(jì)網(wǎng)頁時(shí)，要把功夫下在選材上。選材要盡量做到“少”而“精”,又必須突出“新”，如能堅(jiān)持天天更新的話,我相信這樣的網(wǎng)頁一定會(huì)受到大家的歡迎。 不要把一個(gè)網(wǎng)站的內(nèi)容象作報(bào)告似的一二三四地羅列出來，要注意多用表格把網(wǎng)站內(nèi)容的層次性和空間性突出顯示出來，使人一眼就能看出你的