網(wǎng)站前臺(tái)的版面設(shè)計(jì)是網(wǎng)頁(yè)制作的**步，版面設(shè)計(jì)就像傳統(tǒng)報(bào)刊雜志的編輯一樣，我們把網(wǎng)頁(yè)作為報(bào)紙、雜志進(jìn)行版面設(shè)計(jì)。動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)的發(fā)展，網(wǎng)頁(yè)制作開(kāi)始向場(chǎng)景編劇傾斜，但固定的網(wǎng)頁(yè)布局基礎(chǔ)仍然需要學(xué)習(xí)和掌握。

布局是指通過(guò)瀏覽器看到的完整頁(yè)面，因?yàn)槊颗_(tái)計(jì)算機(jī)的顯示分辨率不同。同一頁(yè)的大小可能為640×480像素、800×600像素和1024×不同大小，例如768像素。布局是將屏幕和文本放置在頁(yè)面不同位置的一種適合參考的方法。

布局分辨率設(shè)置，一般頁(yè)面結(jié)構(gòu)類型科學(xué)的頁(yè)面結(jié)構(gòu)，可以更好地顯示站點(diǎn)信息，方便任務(wù)完成，更直接地訪問(wèn)內(nèi)容。網(wǎng)頁(yè)結(jié)構(gòu)的科學(xué)性和藝術(shù)性使信息更易于管理。

常見(jiàn)的網(wǎng)頁(yè)布局結(jié)構(gòu)主要包括：。

1.“T”形布局

“T”形布局是指頁(yè)面上部為橫紋站點(diǎn)標(biāo)志和廣告欄，下方左側(cè)為主菜單，右側(cè)為顯示內(nèi)容的布局，由于菜單欄背景較深，整體效果相似，英文由于文字的“T”，我們稱之為“T”形布局這是頁(yè)面設(shè)計(jì)中廣泛使用的布局之一。該布局的優(yōu)點(diǎn)是頁(yè)面結(jié)構(gòu)清晰，主次分明，是初學(xué)者易于使用的布局方法。缺點(diǎn)是死板，如果細(xì)節(jié)顏色不注意加工，很容易讓人覺(jué)得“看起來(lái)乏味”。

2.“口”形狀布局

這是象形的說(shuō)法，一般頁(yè)面上下各有一個(gè)廣告條，左邊是主菜單，右邊放友情鏈接等，中間是主要內(nèi)容。這個(gè)布局的優(yōu)點(diǎn)是利用布局，信息量大。難點(diǎn)是頁(yè)面太擁擠，不靈活。也可以僅用中窗口形的布局空出4邊。

3.“三”形布局

這種布局在國(guó)外網(wǎng)站上使用較多，在國(guó)內(nèi)使用較少。特點(diǎn)是頁(yè)面上的橫向兩條色塊，將整頁(yè)分割成三個(gè)部分，色塊中多放置廣告條。

4.對(duì)稱比較布局

顧名思義，采用左右或上下對(duì)稱的布局，一半深色，一半淺色，一般用于設(shè)計(jì)型場(chǎng)地，優(yōu)點(diǎn)是視覺(jué)沖擊力強(qiáng)，缺點(diǎn)是難以將兩部分有機(jī)結(jié)合。

5.POP布局

POP引用自廣告用語(yǔ)，意思是頁(yè)面布局就像宣傳海報(bào)一樣，以精美的圖片作為頁(yè)面設(shè)計(jì)中心。這個(gè)布局在時(shí)尚類網(wǎng)站上很常用，優(yōu)點(diǎn)顯而易見(jiàn)。很漂亮，很吸引人。缺點(diǎn)是速度慢。

http://www.tinmen.com.cn/wangzhansheji/374.html Web前臺(tái)的布局設(shè)計(jì)