Dreamweaver插入AP Div

來源:互聯網
上載者:User

   一AP Div概述

  使用了CSS樣式表中的絕對位置屬性的

  標籤就叫做AP DivDreamweaver CS中的AP Div就是Dreamweaver舊版本中的層AP Div可以理解為浮動在網頁上的一個頁面可以放置在頁面中的任何位置可以隨意移動這些位置而且它們的位置可以相互重疊也可以任意控制AP Div的前後位置顯示與隱藏因此大大加強了網頁設計的靈活性

  在網頁設計中將網頁元素放到AP Div中然後在頁面中精確定位AP Div的位置可以實現網頁內容的精確定位使網頁內容在頁面上排列得整齊美觀井井有條

  二插入AP Div

  開啟HTML文檔點擊設計檢視然後點擊插入菜單選擇布局對象命令在彈出的子功能表中選擇AP Div項

  或者在插入面板中選擇布局項點擊繪製 AP Div表徵圖如下圖所示

  點擊視窗菜單選擇插入項可以開啟插入面板

  點擊繪製 AP Div按鈕後滑鼠形狀變為十字形在頁面中要插入AP Div的地方點擊滑鼠左鍵拖動滑鼠划出矩形地區然後鬆開滑鼠即可如下圖所示

  三插入多個AP Div

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

  四建立嵌套AP Div

  設定首選參數

  點擊編輯菜單選擇首選參數命令開啟首選參數對話方塊如下圖所示

  在分類下拉框中點擊AP 元素項

  在嵌套項中勾選在 AP div 中建立以後嵌套

  點擊確定按鈕關閉首選參數對話方塊

  設定AP 元素

  點擊視窗菜單選擇AP 元素項開啟AP 元素麵板如下圖所示

  取消防止重疊項

  繪製嵌套的AP Div

  ()點擊繪製 AP Div按鈕在文檔的設計檢視中拖動滑鼠繪製一個AP Div地區

  ()再次點擊繪製 AP Div按鈕在已經繪製好的AP Div地區內拖動滑鼠再繪製一個新的AP Div地區這個AP Div就嵌入到前面的AP Div中如下圖所示

  ()在程式碼檢視中可以查看原始碼

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.