作為網頁設計初學者，掌握幾個頁面布局結構將會讓網頁變得更加美觀，並且大大提公升設計效率。
如圖所示，我們可以看出，國子型頁面結構主要分為五個部分。
頭部:該部分包括**的標題以及橫幅廣告條；
左側:該部分包括一些導航等資訊；
右側:該部分包括選單或者導航的元件；
中部:該部分為頁面的主要內容；
底部:
二、拐角型（csdn主頁就是這樣的布局）
如圖所示，我們可以看出，拐角型和國子型結構非常相似，主要包括四個部分部分。
頭部:該部分包括**的標題以及橫幅廣告條；
左側或右側:該部分包括一些導航選單等資訊；
中部:該部分為頁面的主要內容；
底部:
三、標題正文型（常用在文章、註冊頁面）
如圖所示，我們可以看出，標題正文型結構非常簡單明瞭，主要就包括兩個部分。
上部:該部分包括**的標題以及橫幅廣告條；
下部:該部分包括頁面的主要內容。
四、左右框架型（大部分大型論壇使用該結構布局）
如圖所示，我們可以看出，左右框架型主要包括兩個部分。
左側:左側一般為導航選單，做上面可能會有標題或者標誌；
右側:該部分包括頁面的主要內容。
五、封面型（常用於個人主頁）
如圖所示，我們可以看出，封面型主要包括三個部分。
頭部:該部分一般包括頁面logo或者導航選單；
左側:該部分可以放置個人頁面的封面；
右側:該部分包括表單或者其他元件。
總的來說，初學者在製作頁面首先應該思考的就是頁面的布局，然後在根據頁面布局新增內容。在思考頁面布局時，需要具體情況具體分析。
如果是內容非常多，可以考慮國子型後者拐角型；總結：這些網頁布局的共同特點就是瀏覽方便、速度快，但結構變化不靈活，不過可以組合使用這些網頁布局。如果內容不算多，而一些說明性的東西比較多，則可以考慮標題正文型；
如果是乙個企業**想展示一下企業的形象或者個人主頁想展示個人風采，封面型是首選。
網頁設計布局
在網頁設計中所講的布局 layout 就是把進入網頁的各種構成要素 文字 影象 選單等 在網頁瀏覽器裡有效地排列起來，在設計網頁時，要從整體上把握好各頁面的布局，主要是利用 或網格等。仔細觀察各種形態的 布局十分必要的。另外，在平時有很好的想法的時候，把那些一閃即逝的好點子都記到書寫簿上，通過這樣方...
網頁布局基礎
網頁製作的基礎，在w3c盛行的今天 div css 布局網頁 布局分為 流式布局 浮動布局 絕對定位布局 涉及標準文件流 盒子模型 float屬性 position屬性 1.自動居中 列布局 盒子模型的使用方法 2.浮動布局 float屬性來實現上中下布局和橫向兩列甚至多列布局，解決浮動影響的常用方...
網頁布局基礎
由全球資訊網聯盟指定的一系列標準，包括 機構化標準語言 html和xml 表現標準語言 css 行為標準語言 dom和ecmascript w3c標準倡導結構 樣式 行為分離。css中存在3中定位機制 1 標準文件流 normal flow 特點 從上到下，從左到右，輸出文件內容 由塊級元素和行級元...