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