1、在HTML中，用層布局設計網頁的問題！如下，
&
2、網頁設計應該如何布局
網頁布局類型
網頁布局大致可分為「國」字型、拐角型、標題正文型、左右框架型、上下框架型、綜合框架型、封面型、Flash型、變化型，下面分別論述。 1.
「國」字型:也可以稱為「同」字型，是一些大型網站所喜歡的類型，即最上面是網站的標題以及橫幅廣告條，接下來就是網站的主要內容，左右分列一些兩小條內
2. 拐角型:這種結構與上一種其實只是形式上的區別，其實是很相近的，上面是標題及廣告橫幅，接下來的左側是一窄列鏈接等，右列是很寬的正文，下面也是一些網站的輔助信息。在這種類型中，一種很常見的類型是最上面是標題及廣告，左側是導航鏈接。
3. 標題正文型:這種類型即最上面是標題或類似的一些東西，下面是正文，比如一些文章頁面或注冊頁面等就是這種類。
4. 左右框架型:這是一種左右為分別兩頁的框架結構，一般左面是導航鏈接，有時最上面會有一個小的標題或標致，右面是正文。我們見到的大部分的大型論壇都是這種結構的，有一些企業網站也喜歡採用。這種類型結構非常清晰，一目瞭然。
5. 上下框架型:與上面類似，區別僅僅在於是一種上下分為兩頁的框架。
6. 綜合框架型:上頁兩種結構的結合，相對復雜的一種框架結構，較為常見的是類似於「拐角型」結構的，只是採用了框架結構。 7.
封面型:這種類型基本上是出現在一些網站的首頁，大部分為一些精美的平面設計結合一些小的動畫，放上幾個簡單的鏈接或者僅是一個「進入」的鏈接甚至直接在
首頁的圖片上做鏈接而沒有任何提示。這種類型大部分出現在企業網站和個人主頁，如果說處理的好，會給人帶來賞心悅目的感覺。
8. Flash型:其實這與封面型結構是類似的，只是這種類型採用了目前非常游戲行的Flash，與封面型不同的是，由於Flash強大的功能，頁面所表達的信息更豐富，其視覺效果及聽覺效果如果處理得當，絕不差於傳統的多媒體。
9. 變化型:即上面幾種類型的結合與變化，比如本站在視覺上是很接近拐角型的，但所實現的功能的實質是那種上、左、右結構的綜合框架型。
3、本人菜鳥，老師要求網頁製作採用層布局和框架布局，是採用div和css么？
層布局copy就是指div+css
table布局使用表格，活用CSS的話可以不用透明的gif
框架布局是指用<frame>來對頁面進行劃分，每一個frame框都鏈接一個html頁面
方法：Dreamweaver中選菜單「插入記錄/html/框架「
4、網頁設計右邊怎麼布局布局
1、嚴格意義來說dw並不能用來設計網頁，設計網頁都是在平面設計工具里完成的，比如在ps裡面設計好網站的效果圖，在ps裡面切圖。
2、dw只是個網站代碼編寫工具，使用dw編寫代碼會比較方面，因為有很多的快捷功能。但是對於高手來說，是用記事本都可以編輯網站的。
3、dw的編輯面板主要有三種視圖，分為 「代碼」「拆分」「設計」，如下圖
在製作網站的時候，能夠用到的主要是「代碼」視圖功能。「設計」和「拆分」視圖很少用到，只有當網站代碼出現問題的的時候用來查找錯誤，對於有一年多代碼編寫經驗的人來說，就已經用不到了。
4、在dw中編寫製作網站的代碼主要是div+css，也是就是html。網站布局也是通過html代碼來實現的，比如maigin 與padding position 都是來控制div的布局和位置的。
所以，在dw裡面設計網頁布局網站並不是dw的功能，還是通過代碼實現的。
5、網頁製作中布局層是什麼意思？為什麼我的布局表格和布局單元格都不可用啊？
DIV就是所謂的層....DIV的好處就是可以隨意改動某一個層..對其他層沒有影響.....不像回表格 如果一個答表格內的內容發生改變....有可能整個網頁就亂了....現在主流的網頁都是 DIV布局的...你可以去各大網站查看源代碼...
多研究研究別人的網頁布局是如何實現的...建議下個 FireFox瀏覽器 就是火狐....然後安裝個FireBug插件...可以查看所有網頁的源碼....例如QQ空間..
6、網頁設計的布局怎樣插入的啊?
點布局按扭 插入布局就可以了
7、網頁製作用div怎樣布局？
要如何布局，你可以把DIV想像成一塊一塊，加上height和width，然後在加上背景顏色，就可以看出來回了，然後加上float、position等方答式移動到你想要的位置，就可以了！
網頁總體的布局的方法就是這樣的，如果要在一個塊裡面放置元素，這個可以去學習理解盒模型的知識，希望幫助到你！
8、製作HTML怎樣用布局？
一般來說 用DIV+CSS來布局，也就是層和樣式。 css 說白了就是網頁的衣服！
比如說背景顏色，字體屬性，這一類的！
div是一個標簽！
要把css 這件衣服嵌套在div標簽中，從而讓代碼變的簡單！
並且美觀！<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns=" http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>css8</title>
<style type="text/css">
<!--
body {
margin:0;
font-size:12px;
}
#main{
width:780px;
margin:0 auto;
background:#f00;
height:800px;
}
#hader,#nav,#content,#footer{
width:100%
}
#hader
{
height:150px
}
#nav{
height:30px
}
#content{
height:570px
}
#footer{
height:50px
}
-->
</style>
</head>
<body>
<div id="main">
<div id="hader"></div>
<div id="nav"></div>
<div id="content"></div>
<div id="footer"></div>
</div>
</body>
</html>
上面的代碼是 找來的 也是DIV+CSS 布局的 以上答案供參考