DIV+CSS 網頁製作，建議還是先多瞭解一下他的基本實現原理，頁面實現基本機制，從基礎的學起，可以先看看 http://www.w3school.com.cn/ 上面關於 XHTML 以及 CSS 的內容，當然，有時間的話，也可以先看看 HTML 的內容。 裏邊，講解的過程中會有
Dreamweaver網頁製作初級教程：詳解div
方法
開啟DW軟件
AP div實際上是附加了定位的css樣式的div。兩個在本質上是一樣的，爲了方便初學者更好地調整DIV的大小和位置，dreamweaver裏面可以用AP div的方式來進行佈局。但是實際上這種佈局用div也是可以非常容易地實現的。在css裏面定義一下with和height
在body裏寫入div，如圖所示，在右邊的框裏會出現一個虛線的框
圖片 看不清，請問你要實現什麼 功能？ 代碼裏 要有css 的div ? 請問是不會 設定css 和div 嗎 ？？
在head裏寫style，如圖所示
沒分懶得寫呢 下面就是 無標題文檔 .div{width:100%} .div0{width:100%;height:300px;padding:20px;border:1px solid #000000} .div1{width:100px;height:50px;margin-right:50px;float:left;border:1px solid #000000} .div2{width:50px;height
然後定義one的style的樣式，如寬，高，背景顏色等，右邊的框裏會出現你所設計的樣式
無標題文檔 .head { width:1000px; height:100px; margin:auto; overflow:hidden; border:1px solid #666; } .banner { width:1000px; height:150px; margin:auto; overflow:hidden; border:1px solid #666; margin-top:10px; } .main { width:
擴展閱讀，以下內容您可能還感興趣。
在Dreamweaver中怎麼用DIV切片
1、開啟Dreamweaver插入任意圖。
2、選擇中圖片點擊屬性面板中的Fireworks圖標即可。Fireworks是網頁製作三劍客另外一款軟件，透過Dreamweaver中切片必須安裝Fireworks，否則將無法啓動。
3、在左邊工具欄中找到切片工具，根據需要操作完成即可。
Dreamweaver中Div標籤是幹嘛用的
HTML <div> 標籤
定義和用法
<div> 可定義文檔中的分區或節（division/section）。
<div> 標籤可以把文檔分割爲獨立的、不同的部分。它可以用作嚴格的組織工具，並且不使用任何格式與其關聯。
如果用 id 或 class 來標記 <div>，那麼該標籤的作用會變得更加有效。
用法
<div> 是一個塊級元素。這意味着它的內容自動地開始一個新行。實際上，換行是 <div> 固有的唯一格式表現。可以透過 <div> 的 class 或 id 應用額外的樣式。
不必爲每一個 <div> 都加上類或 id，雖然這樣做也有一定的好處。
可以對同一個 <div> 元素應用 class 或 id 屬性，但是更常見的情況是隻應用其中一種。這兩者的主要差異是，class 用於元素組（類似的元素，或者可以理解爲某一類元素），而 id 用於標識單獨的唯一的元素。
瀏覽器支援
所有主流瀏覽器都支援 <div> 標籤。
HTML 與 XHTML 之間的差異
在 HTML 4.01 中，div 元素的 "align" 屬性不被贊成使用。
在 XHTML 1.0 Strict DTD 中，div 元素的 "align" 屬性不被支援。
提示和註釋：
註釋：<div> 是一個塊級元素，也就是說，瀏覽器通常會在 div 元素前後放置一個換行符。
提示：請使用 <div> 元素來組合塊級元素，這樣就可以使用樣式對它們進行格式化。
案例分析
<body><h1>NEWS WEBSITE</h1>
<p>some text. some text. some text...</p>
...
<div class="news">
<h2>News headline 1</h2>
<p>some text. some text. some text...</p>
...
</div>
<div class="news">
<h2>News headline 2</h2>
<p>some text. some text. some text...</p>
...
</div>
...
</body>
例子解釋
正如您看到的，上面這段 HTML 模擬了新聞網站的結構。其中的每個 div 把每條新聞的標題和摘要組合在一起，也就是說，div
爲文檔添加了額外的結構。同時，由於這些 div 屬於同一類元素，所以可以使用 class="news" 對這些 div 進行標識，這麼做不僅爲
div 添加了合適的語義，而且便於進一步使用樣式對 div 進行格式化，可謂一舉兩得。
可選的屬性
dreamweaver製作網頁，網頁佈局有哪些方法？
DIV+CSS佈局：只要書寫的樣式符合標準，網頁的架構清晰，佈局靈活，能節省頁面加載帶寬；瀏覽器之間的相容問是一個很大的問題，你如果你再排版頁面的時，書寫的樣式符合標準，基本沒什麼大的問題。
麻煩採納，謝謝!
Dreamweaver cc 繪製ap div
在dw cc裏面，創建ap div的功能被取消了。因爲所謂的ap div其實是個僞概念，它只是一個加入了絕對定位的普通div而已，是爲了方便網頁初學者快速創建頁面而誕生的。而dw cc面向的是網頁設計師或者網站開發人員，類似ap div這樣的功能被砍掉也是很正常的一件事情。
如果你想要創建可移動的div，方法很簡單。對應的在css裏面設定一下div的樣式就行了，加入div的class 是abc，那麼就可以這樣來定義：
.abc {position:absolute;left:0px;top:0px;width:100px; height:100px;}
首先設定div爲絕對定位，然後它的左邊距和上邊距都是0px，div的尺寸爲100*100。需要調整它的位置和大小的話，對應修改一下數值就行了。
如果你對於css樣式表還沒有概念，也可以直接在html裏面來對div進行絕對定位的設定，例如下面這樣：
<div style="position:absolute;left:0px;top:0px;width:100px; height:100px">此處顯示新 Div 標籤的內容</div>
style=""裏面的內容，就是這個div的樣式了~~
定義完以後，選中div，你就會發現在屬性欄裏面出現了設定div上下邊距以及寬高的選項了~~
Dreamweaver中Div是什麼意思,主要用來做什麼
什麼是CSS＋DIV
CSS＋DIV是網站標準（或稱“WEB標準”）中常用的術語之一，通常爲了說明與HTML網頁設計語言中的表格（table）定位方式的區別，因爲XHTML網站設計標準中，不再使用表格定位技術，而是採用css+div的方式實現各種定位。
CSS是英語Cascading Style Sheets（層疊樣式表單）的縮寫，它是一種用來表現 HTML 或 XML 等檔案式樣的計算機語言。
DIV元素是用來爲HTML文檔內大塊（block-level）的內容提供結構和背景的元素。DIV的起始標籤和結束標籤之間的所有內容都是用來構成這個塊的，其中所包含元素的特性由DIV標籤的屬性來控制，或者是透過使用樣式表格式化這個塊來進行控制
趣知科普吧
