本文為大家介紹一下在Dreamweaver中如何插入AP Div，希望對(duì)大家有幫助。

　　一、AP Div概述

　　使用了CSS樣式表中的絕對(duì)定位屬性的<div>標(biāo)簽就叫做AP Div。Dreamweaver CS5中的“AP Div”就是Dreamweaver舊版本中的“層”。AP Div可以理解為浮動(dòng)在網(wǎng)頁(yè)上的一個(gè)頁(yè)面，可以放置在頁(yè)面中的任何位置，可以隨意移動(dòng)這些位置，而且它們的位置可以相互重疊，也可以任意控制AP Div的前后位置、顯示與隱藏，因此大大加強(qiáng)了網(wǎng)頁(yè)設(shè)計(jì)的靈活性。

　　在網(wǎng)頁(yè)設(shè)計(jì)中，將網(wǎng)頁(yè)元素放到AP Div中，然后在頁(yè)面中精確定位AP Div的位置，可以實(shí)現(xiàn)網(wǎng)頁(yè)內(nèi)容的精確定位，使網(wǎng)頁(yè)內(nèi)容在頁(yè)面上排列得整齊、美觀、井井有條。

　　二、插入AP Div

　　1. 打開HTML文檔，點(diǎn)擊“設(shè)計(jì)”視圖，然后點(diǎn)擊“插入”菜單，選擇“布局對(duì)象”命令，在彈出的子菜單中選擇“AP Div”項(xiàng)。

　　或者在“插入”面板中選擇“布局”項(xiàng)，點(diǎn)擊“繪制 AP Div”圖標(biāo)，如下圖所示：

　　點(diǎn)擊“窗口”菜單，選擇“插入”項(xiàng)，可以打開“插入”面板。

　　2. 點(diǎn)擊“繪制 AP Div”按鈕后，鼠標(biāo)形狀變?yōu)槭中危陧?yè)面中要插入AP Div的地方點(diǎn)擊鼠標(biāo)左鍵，拖動(dòng)鼠標(biāo)劃出矩形區(qū)域，然后松開鼠標(biāo)即可。如下圖所示：

　　三、插入多個(gè)AP Div

　　如果需要在頁(yè)面中依次插入多個(gè)AP Div，則請(qǐng)按住Ctrl鍵，然后單擊“插入”面板，選擇“布局”項(xiàng)，點(diǎn)擊“繪制 AP Div”按鈕，便可以在頁(yè)面中一次添加多個(gè)AD Div。如下圖所示：

　　四、創(chuàng)建嵌套AP Div

　　1. 設(shè)置“首選參數(shù)”

　　點(diǎn)擊“編輯”菜單，選擇“首選參數(shù)”命令，打開“首選參數(shù)”對(duì)話框，如下圖所示：

　　在“分類”下拉框中，點(diǎn)擊“AP 元素”項(xiàng)。

　　在“嵌套”項(xiàng)中，勾選“在 AP div 中創(chuàng)建以后嵌套”。

　　點(diǎn)擊“確定”按鈕，關(guān)閉“首選參數(shù)”對(duì)話框。

　　2. 設(shè)置“AP 元素”

　　點(diǎn)擊“窗口”菜單，選擇“AP 元素”項(xiàng)，打開“AP 元素”面板，如下圖所示：

　　取消“防止重疊”項(xiàng)。

　　3. 繪制嵌套的AP Div

　　（1）點(diǎn)擊“繪制 AP Div”按鈕，在文檔的“設(shè)計(jì)”視圖中拖動(dòng)鼠標(biāo)繪制一個(gè)AP Div區(qū)域。

　　（2）再次點(diǎn)擊“繪制 AP Div”按鈕，在已經(jīng)繪制好的AP Div區(qū)域內(nèi)拖動(dòng)鼠標(biāo)再繪制一個(gè)新的AP Div區(qū)域。這個(gè)AP Div就嵌入到前面的AP Div中。如下圖所示：

　　（3）在“代碼”視圖中可以查看源代碼：