建站離不開網頁設計，而網頁布局則是重中之重，其實布局可以說是一個網站的基礎，網頁設計布局是為了吸引用戶和提高網站的用戶體驗。在進行網頁設計布局時網頁內容是需要進行有機整合和分布的，以此來達到某種視覺效果。而設計網頁的目的不同，就有不同的網頁布局，那麼網頁設計布局都包括哪些類型呢？
1、「國」字型
也可成為「同」字型，一般的大型網站都喜歡使用這種類型的網頁布局，也是網上最常見的網頁布局結構類型。在網頁上方是網站標題和橫幅廣告條；然後是網站主要內容，左右各分列兩小條內容，中間則是主要部分，一起羅列到底；最下方則是網站一些基本信息、聯繫方式、版權聲明等。
2、拐角型
拐角型與國字型設計很相近，只是形式上的區別。在網頁上方是網站標題和廣告橫幅；然後左側是一窄列連結或導航連結，右側是網站正文；最下方也是一些網站輔助信息。
3、標題正文型
標題正文型在最上方是標題或一些類似信息；下方則是正文信息，即文章頁面或註冊頁面等。
4、左右框架型
左右框架型是一種左右為分別兩頁的框架結構布局，這種類型業非常清晰且一幕瞭然。一般左側是導航連結，在最上方有個小標題或標誌；右側則是正文。
5、上下框架型
上下框架型是一種上下為分別兩頁的框架結構布局。一般上方是導航連結，下方則是正文。
6、封面型
封面型基本上是一些網站首頁的設計布局，大部分出現在企業網站和個人主頁上。多數是一些精美平面設計結合一些小的動畫設計，再配上幾個簡單的連結或是設計一個」進入「連結，也可以直接再網站首頁圖片上做連結。
7、Flash型
Flash型是採用目前非常流行的Flash，它的功能強大且網頁信息表達豐富，若好好設計，其視覺效果及聽覺效果是不會低於傳統多媒體的。
8、「三」型
「三」型布局是國內網站用得不多，但國外網站用得多。其特點是頁面上橫向兩條色塊，將頁面整體分割為4個部分，色塊中大多放廣告條。
9、對稱對比型
對稱對比型採取左右或上下對稱的布局，一半深色，一半淺色，一般用於設計型網站。而其優點是視覺衝擊力強，缺點是將兩部分進行有機結合較難。
10、POP型
POP型是源自廣告術語，指頁面布局像一張宣傳海報，以一張精美圖片作為頁面設計中心。一般常用於時尚類網站，優點是漂亮吸引人，缺點則是速度慢。