網站頁面的布局版式、展示形式直接形晌用戶使用網站的方便性。合理的頁面布局可以使用戶快速發現網站建設的核心內容和服務：如果頁面布局不合理，用戶不知道怎樣獲取所需的信息，或者很難找到相應的信息，那么他們就會離開這個網站，甚至以后都不會再訪問這個網站。常見的網頁布局形式大致有“國”字形、“廠”字形、框架型、封面型、Flash型布局和標題正文型等。
一、“國”字形布局
“國”字形布局如下圖所示。最上面是網站的標志、廣告以及導骯欄，接下來是網站的主耍內容，左右分別列出一些欄目，中間是主要部分，最下部是網站的一些基本信息。這種結構是國內一些大中型網站常見的布局方式。優點是充分利用版面，信息量大：缺點是頁面顯得擁擠，不夠靈活。
二、“廠”字形布局
“廠"字形布局，是指頁面頂部為標志+廣告條，下方左面為主菜單，右面顯示正文信息，如下圖所示。這是網頁設計中使用廣泛的一種布局方式，一般應用于企業網站中的二級頁面。這種布局的優點是頁面結構請晰、主次分明，是初學者最容易上手的布局方法。在這種類型中，一種很常見的類型是最上面是標題及廣告，左側是導航鏈接。
三、框架型布局
框架型布局一般分成上下或左右布局，一欄是導航欄目，一欄是正文信息。復雜的框架結構可以將頁面分成許多部分，常見的是三欄布局，如下圖所示。上邊一欄放置圖像廣告，左邊一欄顯示導航欄，右邊顯示正文信息。
四、封面型布局
封面型布局一般應用在網站的主頁成廣告宣傳頁上，為精共的圖像加上簡單的文字鏈接，指向網頁中的主要欄目，或通過進入鏈接到下一個頁面。如下圖是封面型布局的網頁。
五、Flash型布局
這種布局與封面型的布局結構類似，不同的是頁面采用了Flash技術，動感十足，可以大大增強頁面的視覺效果，如下圖所示采用的Flash型網頁布局。
六、標題正文型布局
這種類型即最上面是標題或類似的一些東西，下面是正文，如一些文章頁面或注冊頁面等就是這種類型的。如下圖所示采用的即為標題正文型網頁布局。
一、“國”字形布局
“國”字形布局如下圖所示。最上面是網站的標志、廣告以及導骯欄，接下來是網站的主耍內容，左右分別列出一些欄目，中間是主要部分，最下部是網站的一些基本信息。這種結構是國內一些大中型網站常見的布局方式。優點是充分利用版面，信息量大：缺點是頁面顯得擁擠，不夠靈活。
二、“廠”字形布局
“廠"字形布局，是指頁面頂部為標志+廣告條，下方左面為主菜單，右面顯示正文信息，如下圖所示。這是網頁設計中使用廣泛的一種布局方式，一般應用于企業網站中的二級頁面。這種布局的優點是頁面結構請晰、主次分明，是初學者最容易上手的布局方法。在這種類型中，一種很常見的類型是最上面是標題及廣告，左側是導航鏈接。
三、框架型布局
框架型布局一般分成上下或左右布局，一欄是導航欄目，一欄是正文信息。復雜的框架結構可以將頁面分成許多部分，常見的是三欄布局，如下圖所示。上邊一欄放置圖像廣告，左邊一欄顯示導航欄，右邊顯示正文信息。
四、封面型布局
封面型布局一般應用在網站的主頁成廣告宣傳頁上，為精共的圖像加上簡單的文字鏈接，指向網頁中的主要欄目，或通過進入鏈接到下一個頁面。如下圖是封面型布局的網頁。
五、Flash型布局
這種布局與封面型的布局結構類似，不同的是頁面采用了Flash技術，動感十足，可以大大增強頁面的視覺效果，如下圖所示采用的Flash型網頁布局。
六、標題正文型布局
這種類型即最上面是標題或類似的一些東西，下面是正文，如一些文章頁面或注冊頁面等就是這種類型的。如下圖所示采用的即為標題正文型網頁布局。