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

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

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

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

1.“T”形布局

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

2.“口”形狀布局

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

3.“三”形布局

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

4.對稱比較布局

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

5.POP布局

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

http://www.dongguanlifeng.com/wangzhansheji/374.html Web前臺的布局設(shè)計(jì)