Dreamweaver教程第章課件

第4章層1精選課件ppt層的建立層面板層與表格的相互轉(zhuǎn)化實(shí)現(xiàn)網(wǎng)頁(yè)的動(dòng)態(tài)效果。學(xué)習(xí)目的與要求2精選課件ppt4.1層的創(chuàng)建4.1.1創(chuàng)建新層【插入】|【層】【插入工具欄】|【布局】上單擊繪制層圖標(biāo)4.1.2創(chuàng)建嵌套層（1）把光標(biāo)定位在已經(jīng)建立好的層內(nèi)，然后選擇

菜單【插入】|【層】命令。（2）在插入工具欄上單擊層按鈕，當(dāng)鼠標(biāo)變以十

字形狀后，在已經(jīng)建好的層內(nèi)拖動(dòng)，或者把

第二個(gè)新建層的標(biāo)記拖動(dòng)到原來的層中。3精選課件ppt4.1.3層的屬性面板層編號(hào)：輸入層的名稱。左邊距：確定所選層左邊框距編輯窗口左邊緣的距離。上邊距：確定所選層上邊框距編輯窗口上邊緣的距離。Z軸：設(shè)置層在Z軸上的層次。顯示：設(shè)置該層是否具有可見性。類：選擇層的樣式。溢出：控制當(dāng)層的內(nèi)容超過層的范圍時(shí)顯示內(nèi)容的方式。剪輯：設(shè)置層可見區(qū)域的大小。4.1層的創(chuàng)建4精選課件ppt4.1.4層面板層面板：更方便的編輯層的工具?！痉乐怪丿B】復(fù)選框：選中此項(xiàng)則兩個(gè)層只允許并排

放置，不能有重疊。顯示/隱藏層列：用于控制層的可見性。層名稱列：用于顯示層的名稱及各層間的層次結(jié)構(gòu)，

這里按創(chuàng)建層的順序自動(dòng)為層命名為

layer1，layer2……。層的Z軸列：該列用于顯示層在Z軸上的順序，Z值越

大，層越靠上。4.1層的創(chuàng)建5精選課件ppt4.2.1層的移動(dòng)選擇一個(gè)層（或按住Shift鍵，用鼠標(biāo)單擊每個(gè)層選擇多個(gè)圖層），當(dāng)鼠標(biāo)變?yōu)樗南蚣^時(shí)，按下鼠標(biāo)左鍵拖動(dòng)鼠標(biāo)即可。

選擇一個(gè)層，通過鍵盤上的箭頭鍵以一個(gè)像素為單位進(jìn)行層位置的上下左右方向的微調(diào)。如果按住Shift鍵再按方向鍵，可以加快層的移動(dòng)。4.2層的基本操作6精選課件ppt4.2.2調(diào)整層的大小1．單個(gè)層的調(diào)整（1）左鍵拖動(dòng)選中層的上下（左右）邊框的控制點(diǎn)可修改層的高度（寬度）；左鍵拖動(dòng)四個(gè)頂角的控制點(diǎn)時(shí)，可保持縱橫比對(duì)層進(jìn)行縮放。（2）選中層，按住Ctrl鍵再按鍵盤上的箭頭鍵，可以上下左右調(diào)整層的大小，每次調(diào)整1個(gè)像素。（3）打開屬性面板，在屬性面板上【高】與【寬】的后面輸入值進(jìn)行設(shè)置。4.2層的基本操作7精選課件ppt4.2.2調(diào)整層的大小2．多個(gè)層的調(diào)整（1）在屬性面板中的【多個(gè)層】右側(cè)輸入【寬度】和【高度】的數(shù)值，輸入的數(shù)值將會(huì)應(yīng)用到所選擇所有層上。（2）選擇菜單中的【修改】|【對(duì)齊】|【設(shè)成高度相同】和【設(shè)成寬度相同】，也可以使多個(gè)層具有統(tǒng)一的尺寸。4.2層的基本操作8精選課件ppt4.2.3層的對(duì)齊（1）按住Shift鍵，將需要對(duì)齊的層全部選中，最后選中的層將以黑色的邊緣表示，并且它是最后對(duì)齊的基準(zhǔn)位置。（2）選擇菜單【修改】|【對(duì)齊】。4.2層的基本操作9精選課件ppt對(duì)齊上邊緣：以最后選中的層為基礎(chǔ)，對(duì)齊

上邊緣。對(duì)齊下邊緣：以最后選中的層為基準(zhǔn)，對(duì)齊

下邊緣。左對(duì)齊：將開始選擇層的左邊緣與最后選擇

層的左邊緣對(duì)齊。右對(duì)齊：將開始選擇層的右邊緣與最后選擇

層的右邊緣對(duì)齊。設(shè)成高度相同和設(shè)成寬度相同：

所有選擇的層具有相同的寬度與高度。

4.2層的基本操作10精選課件ppt4.2.4排列層層是透明的，但是層中的內(nèi)容卻是不透明的，因此，改變層的排列順序?qū)?huì)產(chǎn)生不同的排版效果。

4.2.5層與表格的相互轉(zhuǎn)化

1．層轉(zhuǎn)換為表格【修改】|【轉(zhuǎn)換】|【將層轉(zhuǎn)換為表格】

2．表格轉(zhuǎn)換為層【修改】|【轉(zhuǎn)換】|【將表格轉(zhuǎn)換為層】4.2層的基本操作11精選課件ppt4.3.1拖動(dòng)層例：看圖背單詞

1．制作頁(yè)面外觀

主要操作：插入表格、插入層、插入圖像、調(diào)整

層的對(duì)齊方式2．添加拖動(dòng)層行為

主要操作：設(shè)置“拖動(dòng)層”對(duì)話框、選擇事件的觸

發(fā)行為4.3層的應(yīng)用12精選課件ppt4.3.2顯示隱藏層

例：動(dòng)態(tài)下拉菜單1．制作頁(yè)面外觀

主要操作：利用插入表格、插入層等技術(shù)設(shè)置主

菜單及各子菜單，包括文字、顏色、對(duì)齊

方式等。2．添加行為

主要操作：在行為面板中為各主菜單項(xiàng)設(shè)置【顯示-隱

藏層】行為，注意當(dāng)某一個(gè)層顯示時(shí)，其

他的層都要設(shè)置隱藏。并將觸發(fā)行為的動(dòng)

作設(shè)置為“onMouseOver”。4.3層的應(yīng)用13精選課件ppt層技術(shù)是DW的優(yōu)勢(shì)所在，一方面應(yīng)該熟練地使用層技術(shù)來完成頁(yè)面元素的精確定位，