Dreamweaver插入AP Div

標(biāo)簽就叫做AP Div。Dreamweaver CS5中的“AP Div”就是Dreamweaver舊版本中的“層”。AP Div可以理解為浮動在網(wǎng)頁上的一個頁面，可以放置在頁面中的任何位置，可以隨意移動這些位置，而且它們的位置可以相互重疊，也可以任意控制AP Div的前后位置、顯示與隱藏，因此大大加強了網(wǎng)頁設(shè)計的靈活性。

　　在網(wǎng)頁設(shè)計中，將網(wǎng)頁元素放到AP Div中，然后在頁面中精確定位AP Div的位置，可以實現(xiàn)網(wǎng)頁內(nèi)容的精確定位，使網(wǎng)頁內(nèi)容在頁面上排列得整齊、美觀、井井有條。
　　二、插入AP Div
　　1. 打開HTML文檔，點擊“設(shè)計”視圖，然后點擊“插入”菜單，選擇“布局對象”命令，在彈出的子菜單中選擇“AP Div”項。
　　或者在“插入”面板中選擇“布局”項，點擊“繪制 AP Div”圖標(biāo)，如下圖所示：

　　點擊“窗口”菜單，選擇“插入”項，可以打開“插入”面板。
　　2. 點擊“繪制 AP Div”按鈕后，鼠標(biāo)形狀變?yōu)槭中危陧撁嬷幸迦階P Div的地方點擊鼠標(biāo)左鍵，拖動鼠標(biāo)劃出矩形區(qū)域，然后松開鼠標(biāo)即可。如下圖所示：

　　三、插入多個AP Div
　　如果需要在頁面中依次插入多個AP Div，則請按住Ctrl鍵，然后單擊“插入”面板，選擇“布局”項，點擊“繪制 AP Div”按鈕，便可以在頁面中一次添加多個AD Div。如下圖所示：

　　四、創(chuàng)建嵌套AP Div
　　1. 設(shè)置“首選參數(shù)”
　　點擊“編輯”菜單，選擇“首選參數(shù)”命令，打開“首選參數(shù)”對話框，如下圖所示：

　　在“分類”下拉框中，點擊“AP 元素”項。
　　在“嵌套”項中，勾選“在 AP div 中創(chuàng)建以后嵌套”。
　　點擊“確定”按鈕，關(guān)閉“首選參數(shù)”對話框。
　　2. 設(shè)置“AP 元素”
　　點擊“窗口”菜單，選擇“AP 元素”項，打開“AP 元素”面板，如下圖所示：

　　取消“防止重疊”項。
　　3. 繪制嵌套的AP Div
　?。?）點擊“繪制 AP Div”按鈕，在文檔的“設(shè)計”視圖中拖動鼠標(biāo)繪制一個AP Div區(qū)域。
　?。?）再次點擊“繪制 AP Div”按鈕，在已經(jīng)繪制好的AP Div區(qū)域內(nèi)拖動鼠標(biāo)再繪制一個新的AP Div區(qū)域。這個AP Div就嵌入到前面的AP Div中。如下圖所示：


　?。?）在“代碼”視圖中可以查看源代碼：