網頁的版面布局主要指網站主頁的版面布局，其他網頁應該與主頁風格基本一致。為了達到佳的視覺效果，設計者應考慮布局的合理性，使瀏覽者有一個流暢的視覺體驗。設計版面布局前先畫出版面的布局草圖，接著對版面布局進行細化和調整，反復調整后確定終的布局方案。常見的網頁布局形式有“國”字型、“廠”字型、“框架”型、“封面”型和“Flash"型等。
 1、“國”字型布局
       網站的主要內容，左右分別列出一些欄目，國”字型布局如圖5-3所示。上面是網站的標志，廣告以及導航欄，按下來中間是主要部分，下部是網站的一些基本網達的這站構足國內”地大中到網站第見的有局方式其優點是充分利用服面、自路量大:缺點是頁面顯得擁擠、  不夠靈活。
       2、 “廠”字型布局
      “廠”字型結構布局，是指頁面頂部為標志和廣告條，下方左側為主菜單，右側顯示正文信息，整體效果類似“廠”字，所以稱之為“廠”字型布局，如圖5-4所示。這是網頁設計中使用廣泛的一種布局方式，一般應用于企業網站中的二級頁面。這種布局的優點是頁面結構清晰、主次分明，是初學者容易上手的布局方法;缺點是規矩呆板，如果色彩搭配不當，很容易讓人厭煩。
      3、 “框架”型布局
      “框架”型布局一般分成上下或左右布局，一欄是導航欄目，另一欄是正文信息。復雜的框架結構可以將頁面分成許多部分，常見的是三欄布局，如圖5-5所示。上邊欄放置圖片廣告，左邊一欄顯示導航欄，右邊顯示正文信息。
        4、“封面”型布局
      “封面”型布局一般應用在網站主頁或者廣告宣傳頁上，為精美的圖片加上簡單的文字連接，指向網頁中的主要欄目，或通過鏈接到下一個頁面