網站的頁面展示方式直接影響用戶閱讀網站的體驗，一個合理的網站布局可以讓用戶在瀏覽網站時快速發現該網站的主體內容，相反一個不合理的網站布局，用戶在瀏覽時就需要思考如何獲取該頁面的信息。在這過程中，我們總是會先快速瀏覽，再決定是否需要逗留，我們會快速的瀏覽每個網站（3-6秒），并迅速的判斷是否需要在這個網站逗留。也就是說，如果一個網站沒辦法在6秒之內說服用戶繼續往下瀏覽，那么將很有可能失去這個用戶。哪怕我們平時去逛商場也是一樣的，我們進入一家店，會快速的掃描一下店內的產品，如果感覺沒有適合的，我們會立刻轉身就走。因為，每個人的時間都是寶貴的。

在布局首頁之前我們需要先做一件事情，那就是分析用戶的需求，一個好的網站布局一定是根據用戶的需求來布局的，這里我就以一個案例來說明這個問題，例如我的網站是做倉庫貨架的，那么我們應該如何來分析需求呢？先給大家看一個效果圖：

dreamweaver8是一款非常優秀的可視化網頁設計布局軟件。在日常開發當中，經常會遇到框架布局（如：上下布局，上左右布局；上下左右布局等等）。這里演示怎樣插入布局框架，然后全部保存。

打開dreamweaver8，并新建一個html網頁；

點擊：插入菜單，然后選擇HTML項；

緊接著，在對應的下拉菜單選擇框架，及所需要的布局（如：上方及左嵌套等）；

完整選擇示例如下：

為了區分，給每框架設置背景顏色；

在對應的框架區域，鼠標右鍵->頁面屬性->選擇背景顏色->點擊確定即可。

框架布局插入成功，如果還想加入其他設計布局，只需在相應的框架部位繼續插入，修改布局即可。

最后保存框架：

點擊文件菜單，選擇保存全部；

保存后的網頁，有Frameset的即是框架主頁；

當然，如果你想全部手寫代碼提升自己的能力的話可以參考下《重蔚自留地：www.cwhello.com》

1、所謂HTML是超文本標記語言（HyperText Markup Language，簡稱：HTML）是一種用于創建網頁的標準標記語言。

2、HTML頁面布局有兩種方式，一種是TABLE布局，一種是DIV布局。

3、以前WEB1.0時代基本上都是table布局，后來WEB2.0，3.0時代，都是以DIV布局為主。但是div布局的編寫難度比table布局要高。 4、希望對你有幫助。

第一，“國”字型網頁布局:這個網頁布局適合用在一些大型網站之中，簡單大氣，這種網頁布局也是目前北京網站建設用在大型網站之中次數最多的類型之一。

第二，拐角型網頁布局:這個與國字型布局非常相似，不過在形勢上存在一定察覺，應用起來效果也比較好。

第三，標題正文型網頁布局:這是在北京網站開發中最為簡便的布局類型之一。

此外，網站制作公司還常常用到包括“T”結構、“三”型以及對稱對比型等。