第七章使用層

1、第七章第七章 使用層使用層7.1 聯(lián)創(chuàng)網(wǎng)絡(luò)技術(shù)網(wǎng)聯(lián)創(chuàng)網(wǎng)絡(luò)技術(shù)網(wǎng)頁(yè)頁(yè)掌握層的基本操作掌握層的基本操作能夠獨(dú)立自主完成本節(jié)能夠獨(dú)立自主完成本節(jié)案例網(wǎng)頁(yè)的操作案例網(wǎng)頁(yè)的操作 12課堂學(xué)習(xí)目標(biāo)課堂學(xué)習(xí)目標(biāo)掌握層的插入方法和應(yīng)用技巧掌握層的插入方法和應(yīng)用技巧 能夠正確使用層命令來布局能夠正確使用層命令來布局元素的位置元素的位置 難難點(diǎn)點(diǎn)教學(xué)重點(diǎn)、難點(diǎn)教學(xué)重點(diǎn)、難點(diǎn)重重點(diǎn)點(diǎn)思考：思考：下列圖片有什么特點(diǎn)？下列圖片有什么特點(diǎn)？有層次感和有空間立體感有層次感和有空間立體感如何使用層制作出以下精美網(wǎng)頁(yè)？如何使用層制作出以下精美網(wǎng)頁(yè)？一、相關(guān)工具一、相關(guān)工具v1、創(chuàng)建層、創(chuàng)建層創(chuàng)建層的創(chuàng)建層的4種方法：種方法：?jiǎn)?/p>

2、擊單擊“插入插入”面板面板“布局布局”選項(xiàng)卡中的選項(xiàng)卡中的“繪制繪制AP Div”按鈕按鈕 ,在文檔窗口中，鼠標(biāo)指針變?yōu)樵谖臋n窗口中，鼠標(biāo)指針變?yōu)椤?”形狀。按住鼠標(biāo)左鍵拖曳，畫形狀。按住鼠標(biāo)左鍵拖曳，畫出一個(gè)矩形層。出一個(gè)矩形層。將將“插入插入”面板面板“布局布局”選項(xiàng)卡中的選項(xiàng)卡中的“繪制繪制AP Div”按鈕按鈕 拖曳到文檔窗口中，松開鼠標(biāo)左鍵，在文檔窗口中出現(xiàn)一個(gè)矩形拖曳到文檔窗口中，松開鼠標(biāo)左鍵，在文檔窗口中出現(xiàn)一個(gè)矩形層。層。選擇選擇“插入插入布局對(duì)象布局對(duì)象AP Div”命令，在光標(biāo)所在位置插入新命令，在光標(biāo)所在位置插入新的矩形層。的矩形層。單擊單擊“插入插入”面板面板“布局布局

3、”選項(xiàng)卡中的選項(xiàng)卡中的“繪制繪制AP Div”按鈕按鈕 ，在文檔窗口中，鼠標(biāo)變成，在文檔窗口中，鼠標(biāo)變成“+”形狀，按住形狀，按住Ctrl鍵的同時(shí)按住鼠鍵的同時(shí)按住鼠標(biāo)左鍵拖曳，畫出一個(gè)矩形層。只要不松開標(biāo)左鍵拖曳，畫出一個(gè)矩形層。只要不松開Ctrl鍵，可以繼續(xù)繪鍵，可以繼續(xù)繪制新的層。制新的層。v2、選擇層、選擇層（1）利用層面板選擇一個(gè)層）利用層面板選擇一個(gè)層 選擇選擇“窗口窗口AP元素元素”命令，彈出命令，彈出“AP元素元素”面面板，在板，在“AP元素元素”面板中，單擊該層的名稱。面板中，單擊該層的名稱。（2）利用文檔窗口選擇一個(gè)層）利用文檔窗口選擇一個(gè)層單擊一個(gè)層的邊框。單擊一個(gè)層的邊

4、框。按住按住Ctrl+Shift組合鍵的同時(shí)單擊要選擇的圖層組合鍵的同時(shí)單擊要選擇的圖層單擊一個(gè)選擇層的選擇柄單擊一個(gè)選擇層的選擇柄（3）選定多個(gè)層）選定多個(gè)層選擇選擇“窗口窗口AP元素元素”命令，彈出命令，彈出“AP元素元素”面面板中，按住板中，按住Shift鍵并單擊兩個(gè)或更多的層名稱。鍵并單擊兩個(gè)或更多的層名稱。在文檔窗口中按住在文檔窗口中按住Shift鍵并單擊兩個(gè)或更多的層鍵并單擊兩個(gè)或更多的層的邊框內(nèi)（或邊框上）。的邊框內(nèi)（或邊框上）。v3、調(diào)整層的大小、調(diào)整層的大?。?）調(diào)整單個(gè)層的大小）調(diào)整單個(gè)層的大小應(yīng)用鼠標(biāo)拖曳方式。拖曳該層邊框上的任一調(diào)整應(yīng)用鼠標(biāo)拖曳方式。拖曳該層邊框上的任一

5、調(diào)整柄到合適的位置。柄到合適的位置。應(yīng)用修改屬性值方式。在應(yīng)用修改屬性值方式。在“屬性屬性”面板中，修改面板中，修改“寬寬”和和“高高”的值。的值。（2）同時(shí)修改多個(gè)層的大小）同時(shí)修改多個(gè)層的大小應(yīng)用菜單命令，選擇應(yīng)用菜單命令，選擇“修改修改排列順序排列順序設(shè)成寬度設(shè)成寬度相同或設(shè)成高度相同相同或設(shè)成高度相同”應(yīng)用修改屬性值方式。選擇多個(gè)層，然后在應(yīng)用修改屬性值方式。選擇多個(gè)層，然后在“屬屬性性”面板中修改面板中修改“寬寬”和和“高高”的值。的值。 v4、移動(dòng)層、移動(dòng)層 在窗口中選擇一個(gè)或多個(gè)層，然后拖曳當(dāng)前層（在窗口中選擇一個(gè)或多個(gè)層，然后拖曳當(dāng)前層（藍(lán)色突出顯示）的選擇柄藍(lán)色突出顯示）的選

6、擇柄 ，移動(dòng)選定層的位置，移動(dòng)選定層的位置。v5、對(duì)齊層、對(duì)齊層（1）應(yīng)用菜單命令對(duì)齊層）應(yīng)用菜單命令對(duì)齊層 在文檔窗口中選擇多個(gè)層，然后選擇在文檔窗口中選擇多個(gè)層，然后選擇“修改修改排列排列順序順序”命令，在其子菜單中選擇一種對(duì)齊方式。命令，在其子菜單中選擇一種對(duì)齊方式。（注意：對(duì)齊以當(dāng)前層為基準(zhǔn)（最后選中的層）注意：對(duì)齊以當(dāng)前層為基準(zhǔn)（最后選中的層）（2）應(yīng)用）應(yīng)用“屬性屬性”面板對(duì)齊層面板對(duì)齊層 在文檔窗口中選擇多個(gè)層，然后在在文檔窗口中選擇多個(gè)層，然后在“屬性屬性”面板的面板的“上上”選項(xiàng)中輸入具體值，則以多個(gè)層的上邊線選項(xiàng)中輸入具體值，則以多個(gè)層的上邊線相對(duì)于頁(yè)面頂部位置來對(duì)齊。相對(duì)于頁(yè)面頂部位置來對(duì)齊。v6、嵌套層、嵌套層嵌套層指代碼包含在另一個(gè)層中的層。嵌套層指代碼包含在另一個(gè)層中的層。前提設(shè)置：前提設(shè)置：選擇選擇“編輯編輯首選參數(shù)首選參數(shù)”命令，彈出命令，彈出“首選參數(shù)首選參數(shù)”對(duì)話框，在對(duì)話框，在“分類分類”列表框中選擇列表框中選擇“AP元素元素”選項(xiàng)，在右側(cè)勾選選項(xiàng)，在右側(cè)勾選“在在AP div中創(chuàng)中創(chuàng)建以后嵌套建以后嵌套”復(fù)選框。復(fù)選框。創(chuàng)建方法：將光標(biāo)置入現(xiàn)有層中，選擇創(chuàng)建方法：將光標(biāo)置入