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

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

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

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

1.“T”形布局

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

2.“口”形狀布局

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

3.“三”形布局

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

4.對稱(chēng)比較布局

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

5.POP布局

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

http://ezekroy.com/wangzhansheji/374.html Web前臺的布局設計