網(wǎng)頁(yè)布局完整版本

網(wǎng)頁(yè)布局基本步驟構(gòu)思，畫出草稿精細(xì)化，突出重點(diǎn)（網(wǎng)站標(biāo)志、廣告欄、菜單欄）進(jìn)一步修改，選定布局網(wǎng)頁(yè)布局的基本原則頁(yè)面尺寸頁(yè)面尺寸和顯示器大小、分辨率有關(guān)系，一般頁(yè)面尺寸可設(shè)置如下：分辨率在800×600的情況下，頁(yè)面顯示尺寸為780×428象素；分辨率在640×480的情況下頁(yè)面顯示尺寸為620×311象素；分辨率在1024×768的情況下，頁(yè)面顯示尺寸為1007×600。分辨率越高頁(yè)面尺寸越大。在網(wǎng)頁(yè)設(shè)計(jì)過(guò)程中，向下拖動(dòng)頁(yè)面大概是惟一給網(wǎng)頁(yè)增加更多內(nèi)容(尺寸)的方法。但除非你能肯定站點(diǎn)的內(nèi)容能吸引大家拖動(dòng)，否則不要讓訪問(wèn)者拖動(dòng)頁(yè)面超過(guò)三屏。雖然現(xiàn)在很多鼠標(biāo)都有滾輪設(shè)計(jì)，但是網(wǎng)頁(yè)的設(shè)計(jì)布局是越少用到鼠標(biāo)越好。整體造型“國(guó)”字型，也稱“同”字型。最上面是網(wǎng)站的標(biāo)題、橫幅廣告條，接下來(lái)是網(wǎng)站的主要內(nèi)容（左右分列兩小條內(nèi)容，中間是主要部分），最下面是網(wǎng)站信息、聯(lián)系方式、版權(quán)聲明等。特點(diǎn)：結(jié)構(gòu)清晰、主次分明舉例：廣東技術(shù)師范學(xué)院研究生學(xué)院網(wǎng)站:8080/yjsc/拐角型，又叫廠字型。上面是標(biāo)題及廣告橫幅，左側(cè)是一窄列鏈接，右列是很寬的正文。特點(diǎn)：結(jié)構(gòu)具有變化性，相對(duì)顯得活潑。舉例：吉百利/2007/bjp/Cadbury_0227/produce.asp標(biāo)題正文型。上面是標(biāo)題或標(biāo)志，下面是正文，絕大多數(shù)搜索引擎站點(diǎn)都采用這種類型。舉例:百度、谷歌左右框架型：一般左面是導(dǎo)航鏈接，有時(shí)上面會(huì)有一個(gè)小的標(biāo)題或標(biāo)志，右面是正文。大部分論壇和一些企業(yè)網(wǎng)站喜歡采用這種框架結(jié)構(gòu)。下下型框架。綜合型框架。封面型。大部分一些精美的平面設(shè)計(jì)結(jié)合一些小動(dòng)畫，放上幾個(gè)簡(jiǎn)單的鏈接。處理得好，讓人賞心悅目。Flash型：頁(yè)面信息豐富，視覺(jué)沖擊力強(qiáng)，被年青人所喜愛(ài)。舉例：/網(wǎng)頁(yè)布局的幾個(gè)注意事項(xiàng)首頁(yè)很重要首頁(yè)是網(wǎng)站的第一印象。最好第一頁(yè)就有很清楚的類別選項(xiàng)，而且盡量符合人性化，讓參觀者可以很快找到需要的主題。在設(shè)計(jì)上最好秉持干凈清爽的原則。若無(wú)需要，盡量不要放置大型圖形文件或加上不適當(dāng)?shù)某绦?，那樣?huì)增加下載時(shí)間，導(dǎo)致訪問(wèn)者失去耐心；注意畫面不要太過(guò)雜亂無(wú)序。分類要清晰可以按主題分類、按性質(zhì)分類、按機(jī)關(guān)組織分類，或按人類思考直覺(jué)式地分類等等，一般而言，按人類的直覺(jué)式思考會(huì)比較親切。但無(wú)論哪一種分類方法，都要讓使用者可以很容易找到目標(biāo)。而且分類方法最好盡量保持一致，若要混用多種分類方法也要掌握不讓使用者搞混的原則。此外，在每個(gè)分類選項(xiàng)的旁邊或下一行，最好也加上這個(gè)選項(xiàng)內(nèi)容的簡(jiǎn)要說(shuō)明。互動(dòng)好網(wǎng)站必須與使用者有良好的互動(dòng)，包括在整個(gè)設(shè)計(jì)呈現(xiàn)、使用界面導(dǎo)引等等，都應(yīng)掌握互動(dòng)的原則，讓使用者感覺(jué)他的每一步都確實(shí)得到適當(dāng)?shù)幕貞?yīng)，這部分需要一些設(shè)計(jì)上的技巧。事實(shí)上，好的網(wǎng)站設(shè)計(jì)必須加上個(gè)人技巧、經(jīng)驗(yàn)累積以及軟硬件技術(shù)的配合運(yùn)用等。圖形應(yīng)用技巧圖形帶有醒目、吸引人以及傳達(dá)訊息的功能，好的圖形應(yīng)用可以讓網(wǎng)頁(yè)設(shè)計(jì)增色不少，但不當(dāng)?shù)膱D形應(yīng)用則會(huì)帶來(lái)反效果，而其中又以大量使用無(wú)意義及大型的圖形為最大敗筆。建議：應(yīng)盡量縮小或省略圖形。根據(jù)經(jīng)驗(yàn)與統(tǒng)計(jì)，使用者可以忍受的最長(zhǎng)等待時(shí)間大約是90秒鐘。在圖形使用上，盡量采用一般瀏覽器均可支持的壓縮圖形格式，例如JPG與GIF等，可以節(jié)省傳輸時(shí)間。網(wǎng)頁(yè)背景不少人喜歡在網(wǎng)頁(yè)加上背景圖案，認(rèn)為可以增加美感，但這樣會(huì)耗費(fèi)傳輸時(shí)間，而且容易影響閱讀視覺(jué)，反而給使用者不好的印象。若沒(méi)有絕對(duì)必要，最好避免使用背景圖案，保持干凈清爽的本文。但如果真的喜歡使用背景，那么最好使用單一色系，而且要跟前景的文字可以明顯區(qū)別，最忌諱使用花俏多色的背景，這樣會(huì)嚴(yán)重混亂使用者的閱讀。網(wǎng)頁(yè)配色方案的選擇黑白灰色彩的應(yīng)用：黑白灰色彩是萬(wàn)能色，可以跟任意一種色彩搭配。當(dāng)你為某種色彩的搭配苦惱的時(shí)候，不防試試用黑白灰。當(dāng)你覺(jué)得兩種色彩的搭配不協(xié)調(diào)，試試加入黑色，或者灰色，或許會(huì)有意想不到的效果哦。對(duì)一些明度較高的網(wǎng)站，配以黑色，可以適當(dāng)?shù)亟档推涿鞫?。白色是網(wǎng)站用的最普遍的一種顏色。很多網(wǎng)站甚至留出大塊的白色空間，作為網(wǎng)站的一個(gè)組成部分。這就是留白藝術(shù)。很多設(shè)計(jì)性網(wǎng)站較多運(yùn)用留白藝術(shù)。留白，給人一個(gè)遐想的空間，恰當(dāng)?shù)牧舭讓?duì)于協(xié)調(diào)頁(yè)面的均衡起到相當(dāng)大的作用。確定網(wǎng)站的主題色。一個(gè)網(wǎng)站不可能單一的運(yùn)用一種顏色，讓人感覺(jué)單調(diào)，乏味；但是也不可能將所有的顏色都運(yùn)用到網(wǎng)站中，讓人感覺(jué)輕浮，花哨。一個(gè)網(wǎng)站必須有一種或兩種主題色，不至于讓客戶迷失方向，也不到于單調(diào)，乏味。所以確定網(wǎng)站的主題色也是設(shè)計(jì)者必須考慮的問(wèn)題之一。一個(gè)頁(yè)面盡量不要超過(guò)4種色彩。用太多的色彩讓人沒(méi)有方向，沒(méi)有側(cè)重。當(dāng)主題色確定好以后，考慮其它配色時(shí)，一定要考慮其它配色與主題色的關(guān)系，要體現(xiàn)什么樣的效果。另外哪種因素占主要地位，是明度，純度還是色相。先鋒在線：/先鋒