佈局就是以最合適瀏覽的方式將圖片和文字排放在頁面的不同位置。不同的製作者會有不同的佈局設計。網頁佈局有以下幾種常見結構：
1.“同”字型結構佈局
所謂同字型就夠就是指頁面頂部為“網站標誌+廣告條+主選單”或主選單，下方左側為二級欄目條，右側為連結欄目條，螢幕中間顯示具體內容的佈局。
這種佈局的優點是充分利用版面，頁面結構清晰，左右堆成，主次分明，資訊量大；缺點是頁面擁擠，太規矩呆板，如果細節色彩上缺少變化調劑，很容易讓人感到單調缺乏。
2.“國”字型佈局
“國”字型佈局是在“同”字型佈局基礎上演化而來的，在保留“同”字型的同時，在頁面的下方增加一橫條狀的選單或廣告，是一些大型網站所喜歡的型別。一般最上面是網站標題及橫幅廣告條，接下來就是網站的主要內容，左右分列一些兩小條內容，中間是主要部分，與左右一起羅列到底，最下面是網站的一些基本資訊、聯絡方式、版權宣告等。這種結構是在網上見到的最多的一種結構型別。
這種佈局的優點是充分利用版面，資訊量大，與其他頁面的連結切換方便，缺點是頁面擁擠，四面封閉，令人感到憋氣。
3.t型佈局
這是一個形象的說法，是指頁面的頂部是“網站標誌+廣告條”，左面是主選單，右面是主要內容。這種佈局的優點是頁面結構清晰、主次分明，是初學者最容易上手的佈局方法；缺點是頁面呆板，如果不注意細節上的色彩，很容易讓人“看之無味”。
4.“三”字型佈局
5.對比佈局
顧名思義，這種佈局採用左右或者上下對比的方式：一半深色，一半淺色。一般用於設計型站點。優點是視覺衝擊力強；缺點是將兩部分有機地結合比較困難。
6.pop佈局
pop引自廣告術語，是指頁面佈局像一張宣傳海報，一一張精美的圖片作為頁面的設計中心。這種型別基本上是出現在一些網站的首頁，大部分為一些精美的平面設計結合一些小的動畫，放上幾個簡單的連結或者僅是一個“進入”的連結，甚至直接在首頁的圖片上做連結而沒有任何提示。這種佈局大部分出現在企業網站和個人主頁，如果處理得好的話，會給人
帶來賞心悅目的感覺。
7.flash佈局
這種佈局是指整個或大部分幅面的網頁本身就是一個flash動畫，它本身就是動態的，畫面一般不叫絢麗、有趣，是一種比較新潮的佈局方式。其實這與封面型結構是類似的，只是這種型別才採用了目前非常流行的flash，與封面型不同的是，由於flash強大的功能，頁面所表達的資訊更豐富，其視覺效果及聽覺效果如果處理得當，絕不差於傳統的多媒體。
佈局就是以最合適瀏覽的方式將圖片和文字排放在頁面的不同位置。不同的製作者會有不同的佈局設計。網頁佈局有以下幾種常見結構：
1.“同”字型結構佈局
所謂同字型就夠就是指頁面頂部為“網站標誌+廣告條+主選單”或主選單，下方左側為二級欄目條，右側為連結欄目條，螢幕中間顯示具體內容的佈局。
這種佈局的優點是充分利用版面，頁面結構清晰，左右堆成，主次分明，資訊量大；缺點是頁面擁擠，太規矩呆板，如果細節色彩上缺少變化調劑，很容易讓人感到單調缺乏。
2.“國”字型佈局
“國”字型佈局是在“同”字型佈局基礎上演化而來的，在保留“同”字型的同時，在頁面的下方增加一橫條狀的選單或廣告，是一些大型網站所喜歡的型別。一般最上面是網站標題及橫幅廣告條，接下來就是網站的主要內容，左右分列一些兩小條內容，中間是主要部分，與左右一起羅列到底，最下面是網站的一些基本資訊、聯絡方式、版權宣告等。這種結構是在網上見到的最多的一種結構型別。
這種佈局的優點是充分利用版面，資訊量大，與其他頁面的連結切換方便，缺點是頁面擁擠，四面封閉，令人感到憋氣。
3.t型佈局
這是一個形象的說法，是指頁面的頂部是“網站標誌+廣告條”，左面是主選單，右面是主要內容。這種佈局的優點是頁面結構清晰、主次分明，是初學者最容易上手的佈局方法；缺點是頁面呆板，如果不注意細節上的色彩，很容易讓人“看之無味”。
4.“三”字型佈局
5.對比佈局
顧名思義，這種佈局採用左右或者上下對比的方式：一半深色，一半淺色。一般用於設計型站點。優點是視覺衝擊力強；缺點是將兩部分有機地結合比較困難。
6.pop佈局
pop引自廣告術語，是指頁面佈局像一張宣傳海報，一一張精美的圖片作為頁面的設計中心。這種型別基本上是出現在一些網站的首頁，大部分為一些精美的平面設計結合一些小的動畫，放上幾個簡單的連結或者僅是一個“進入”的連結，甚至直接在首頁的圖片上做連結而沒有任何提示。這種佈局大部分出現在企業網站和個人主頁，如果處理得好的話，會給人
帶來賞心悅目的感覺。
7.flash佈局
這種佈局是指整個或大部分幅面的網頁本身就是一個flash動畫，它本身就是動態的，畫面一般不叫絢麗、有趣，是一種比較新潮的佈局方式。其實這與封面型結構是類似的，只是這種型別才採用了目前非常流行的flash，與封面型不同的是，由於flash強大的功能，頁面所表達的資訊更豐富，其視覺效果及聽覺效果如果處理得當，絕不差於傳統的多媒體。