當我們在瀏覽乙個網頁時，我們會發現網頁的組成元素logo,導航條，列表等內容的位置會隨著網頁主題分類置於網頁的不同位置。那麼，怎樣分析乙個網頁的布局成了製作乙個網頁眉要任務，對於電子商務**，個人主頁。我們要學會分析，這樣，製作出來的網頁就會給人們一目了然判斷出是什麼乙個什麼主題的**。
下面，我就和大家認識分享下主要網頁介面的布局分類。
（1）「國」字形結構。
「國」字形結構是一些大型**所喜歡的型別。頁面最上面是**的標題和橫幅廣告條，接下來就是**的主要內容，左右兩小條分列一些內容，中間是主要部分，和右邊一起排列到底，最下面就是**的一些基本資訊。「國」字形結構多用於教育**和娛樂**較多。
（2）拐角型結構
拐角型結構與 「國」字形結構。只是形式上的區別。頁面頂部是標題及廣告橫幅，接下來的左側是一列鏈結，右邊是很寬的正文，下面也是一些**的輔助資訊。
拐角型結構常見的型別是最上面是標題及廣告，左側是導航鏈結。拐角型結多用於商務**。
（3）正文標題型結構
正文標題型結構的頁面布局是：最上面為標題或類是標題的一些內容，下面是正文。正文標題型結構多用於文章頁面和註冊頁面。
（4）左右框架型結構
這種型別的結構非常清晰，一目了然。
作者：劉偉源
網頁布局心得
胡亂談談網頁布局心得 現在很多 還依然保留著傳統布局方式，這種布局是以效果為中心，製作頁面首先考慮的是頁面的布局，例如，乙個兩列布局，首先想到的是用 的兩列單元格來完成列布局，並且大量使用 的行列進行排版定位，也沒有考慮到網頁的可用性和w3c標準規範，頁面含有大量的用於表現的標籤例如設定字型樣式的f...
層布局的網頁位置錯位解決的方法
使用插入層 在乙個居中的頁面中，使用插入層的 因為使用 描繪層 生成的 不在居中 之中，所以，在居中頁面中，要使層相對其它元素沒有錯位現象，就必須使用插入層。在居中頁面中，常用兩種方法，實現層相對其它居中元素沒有錯位現象。使用插入層 1.在乙個居中頁面中，把插入點放在文件中，例項中把插入點放在 中。...
我個人總結的DIV CSS網頁布局需要掌握的基本技巧
下面是進行css設計時的八個必要的小技巧，良好的習慣可能會使你的設計週期加倍縮短 1.div css網頁布局若有疑問立即檢測 在出錯時若能對原始 做簡單檢測可以省去很多頭痛問題。w3c對於xhtml與css都有 檢測工具可用，請見請注意，在檔案開頭的錯誤，可能因為不當的結構等因素造成更多錯誤 我們建...