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