網站前臺的版面設計是網頁制作的**步，版面設計就像傳統報刊雜志的編輯一樣，我們把網頁作為報紙、雜志進行版面設計。動態網頁技術的發展，網頁制作開始向場景編劇傾斜，但固定的網頁布局基礎仍然需要學習和掌握。

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

布局分辨率設置，一般頁面結構類型科學的頁面結構，可以更好地顯示站點信息，方便任務完成，更直接地訪問內容。網頁結構的科學性和藝術性使信息更易于管理。

常見的網頁布局結構主要包括：。

1.“T”形布局

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

2.“口”形狀布局

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

3.“三”形布局

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

4.對稱比較布局

顧名思義，采用左右或上下對稱的布局，一半深色，一半淺色，一般用于設計型場地，優點是視覺沖擊力強，缺點是難以將兩部分有機結合。

5.POP布局

POP引用自廣告用語，意思是頁面布局就像宣傳海報一樣，以精美的圖片作為頁面設計中心。這個布局在時尚類網站上很常用，優點顯而易見。很漂亮，很吸引人。缺點是速度慢。

http://79806.xyz/wangzhansheji/374.html Web前臺的布局設計