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

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

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

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

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

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

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

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

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