在層屬性面板上可以顯示和設(shè)置以下屬性-彭煜瑋

1、第九章 層彭煜瑋武漢大學(xué)計(jì)算機(jī)學(xué)院2009.91使用層什么是層？層提供一種對網(wǎng)頁對象進(jìn)行有效控制的手段，層可以包含文本、圖像、表單等所有可直接用于文檔的元素，層中還可以包含插件或其它層（嵌套使用）。層提供了精確定位頁面元素的方法，通過將頁面元素放置在層中，用戶可控制對象的疊放順序、顯示或隱藏，甚至可利用時(shí)間軸同時(shí)在屏幕上移動(dòng)一個(gè)或多個(gè)層。2層參數(shù)設(shè)置選擇菜單“編輯”“首選參數(shù)”，打開“首選參數(shù)”對話框，在左側(cè)的分類列表中選擇“AP元素”選項(xiàng)3創(chuàng)建層 若要?jiǎng)?chuàng)建層，請執(zhí)行以下操作之一。 若要繪制層，請單擊插入欄上的“繪制AP Div”按鈕，然后在文檔窗口的設(shè)計(jì)視圖中通過拖動(dòng)來繪制層。 若要在文檔中

2、的特定位置插入層的代碼，請將插入點(diǎn)放入文檔窗口，然后選擇“插入”“布局對象”“層”。若要連續(xù)繪制多個(gè)層，請執(zhí)行以下操作。（1）單擊“插入”欄上的“繪制AP Div”按鈕。（2）通過按住 Ctrl 鍵并拖動(dòng)鼠標(biāo)來繪制各個(gè)層。只要不松開 Ctrl鍵，就可以繼續(xù)繪制新的層。4層面板 5若要打開層面板，請選擇“窗口”“AP元素” 。層顯示為按z軸順序排列的名稱列表；首先創(chuàng)建的層出現(xiàn)在列表的底部，最新創(chuàng)建的層出現(xiàn)列表的頂部。嵌套的層顯示為連接到父層的名稱。單擊加號 (+) 或減號 (-) 圖標(biāo)顯示或隱藏嵌套的層。 層的可見性6層的可見性分為以下三種：（1）睜開的眼睛表示層可見（2）閉上的眼睛表示層不可見

3、（3）如果沒有眼睛圖標(biāo)，表示該層繼承其父層的可見性。改變層的名稱和疊放順序 在打開的層面板中，名稱為層的標(biāo)識名，Z表示層的索引號。任意單擊管理器中的某一層，即選中該層，按Delete鍵可以刪除它。按住Shift鍵可同時(shí)選擇多個(gè)層，然后可同時(shí)移動(dòng)或刪除它們。雙擊名稱項(xiàng)可為層更改標(biāo)識名。在層面板中用鼠標(biāo)拖動(dòng)層的上下位置，可以改變層的疊放順序，也可以雙擊層面板中某層的Z選項(xiàng)，直接輸入新值以修改該層的位置順序。當(dāng)輸入比當(dāng)前值大的數(shù)值時(shí)，該層將向上移動(dòng)，如果輸入比當(dāng)前值小的數(shù)值時(shí)，該層將向下移動(dòng)。7對齊層 當(dāng)頁面中存在多個(gè)層時(shí)，可以使用層對齊命令對齊層。使用層對齊，可使多個(gè)層和最后選定的層在某一方向上對

4、齊。操作步驟如下：（1）按住Shift鍵選取多個(gè)層。（2）選擇菜單命令“修改”|“排列順序”，出現(xiàn)“排列順序”子菜單，如圖所示。8層屬性面板9選定層后，在選定層后，在Dreamweaver的底部會(huì)出現(xiàn)層的屬性面板。的底部會(huì)出現(xiàn)層的屬性面板。在層屬性面板上可以顯示和設(shè)置以下屬性：在層屬性面板上可以顯示和設(shè)置以下屬性：層編號：層編號：該文本框設(shè)置當(dāng)前層的名稱。層的名稱只能由標(biāo)準(zhǔn)的字母和數(shù)字表示，不能使用空格、連字符、斜杠符等。左：左：設(shè)置層左邊邊框相對于頁面的左邊界或父層左邊界的距離。上：上：設(shè)置層上邊邊框相對于頁面的上邊界或父層頂端的距離。寬：寬：該域用于設(shè)置層的寬度值，默認(rèn)單位是像素。高：高：

5、該域用于設(shè)置層的高度值，默認(rèn)單位是像素。層屬性面板10Z軸：在該文本框中輸入層在Z方向上的索引值。顯示：該下拉列表框設(shè)置層的可見性。 背景圖像：設(shè)置層的背景圖像。背景顏色：設(shè)置層的背景色。單擊顏色框按鈕，在色盤中選取合適的顏色，或者在文本框中直接輸入背景顏色的十六進(jìn)制數(shù)值。類：將某種CSS樣式應(yīng)用到層中。溢出：設(shè)置當(dāng)層中的內(nèi)容超出層的范圍后產(chǎn)生的效果。 層和表格的轉(zhuǎn)換將層轉(zhuǎn)換為表格選擇菜單命令“修改”“轉(zhuǎn)換”“將AP Div轉(zhuǎn)換為表格”，打開“將AP Div轉(zhuǎn)換為表格”對話框。11層轉(zhuǎn)換為表格示例12將表格轉(zhuǎn)換為層 （1）選擇菜單命令“修改”“轉(zhuǎn)換”“將表格轉(zhuǎn)換為AP Div”，打開“將表格轉(zhuǎn)

6、換為AP Div”對話框，如下圖所示。（2）設(shè)置好選項(xiàng)后，單擊“確定”按鈕，即可將表格轉(zhuǎn)換為層。 13嵌套層1插入法：把插入點(diǎn)放置于頁面上已有層內(nèi)，然后選擇“插入”“層”菜單命令插入一個(gè)嵌套層。2描繪法：單擊“插入”工具欄布局面板中的層按鈕，然后在一個(gè)已有層中拖動(dòng)，即畫出一個(gè)嵌套層。如果在層的參數(shù)設(shè)置中關(guān)閉了層嵌套，請按住Ctrl鍵在已有層中描繪其子層。14關(guān)于嵌套層關(guān)于嵌套層，需要特別注意的是嵌套層并不是頁面上一層位于另一層內(nèi)。嵌套層的本質(zhì)應(yīng)該是一層的HTML代碼嵌套在另一層的HTML代碼之內(nèi)。從圖中可以看出，層“sub”的代碼嵌套在層“main”的HTML代碼之內(nèi)，所以它是嵌套層。反過來，即使在頁面上看，一個(gè)層位于另一層之內(nèi)，如果它們的HTML代碼互不包含，它們就不是嵌套層。當(dāng)然最直觀的方法還是通過層面板查看層間是不是存在嵌套關(guān)系。15在層