DIV+CSS架構網站的7種版面布局形式，divcss

DIV+CSS架構網站的7種版面布局形式，divcss

1.   “T”結構布局形式。所謂“T”結構，就是指頁面頂部為橫條網站標誌+廣告條，下方左面為主菜單，右面顯示內容的布局，整體效果類似英文字母“T”，所以稱之為“T，形布局。這是網頁設計中用得最廣泛的一種布局方式。這種布局的優點是頁面結構清晰，主次分明，是初學者最容易上手的布局方法。缺點是規矩呆板，如果不注意細節色彩，很容易讓人”看之無味“

2. 　”口“型布局。這是一個象形的說法，就是頁面一般上下各有一個廣告條，左面是主菜單，右面放友情連結等，中間是主要內容。這種布局的優點是充分利用版面，資訊量大。缺點是頁面擁擠，不夠靈活

3.   對稱對比布局。顧名思義，採取左右或者上下對稱的布局，一半深色一半淺色，一般用於設計型網站。優點是視覺衝擊力強，缺點是很難將兩部分有機地結合起來

4.  POP布局。POP引自廣告術語，就是指頁面配置像一張宣傳海報，以一張精美圖片作為頁面的設計中心。常用於時尚類網站。優點顯而易見：漂亮吸引人。缺點就是速度慢。作為版面布局，還是值得借鑒的。

5. 國型布局。國型布局也稱為同型布局，是一些大型網站喜歡使用的布局類型。最上面是網站的標題以及橫幅廣告條，接下來是網站的主要內寄，左右分列一些小條內容，中問是主要部分，與左右一起羅列到底，最下方是網站的一些基本資料、連絡方式、著作權聲明等。這種布局通常用於首頁的設計，其主要優點是頁面容納內容很多，資訊量大。
6. 標題本文型布局。這種布局的最上方是標題或廣告等內容，下面是本文。通常文章頁面或註冊頁面採用此種布局，其特點是簡潔明快，幹擾資訊少，較為正規。