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