層的基本概念課件_第1頁(yè)
層的基本概念課件_第2頁(yè)
層的基本概念課件_第3頁(yè)
層的基本概念課件_第4頁(yè)
層的基本概念課件_第5頁(yè)
已閱讀5頁(yè)，還剩17頁(yè)未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說(shuō)明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

工具欄及菜單命令介紹層屬性面板層的管理面板1層的操作2設(shè)置默認(rèn)層參數(shù)菜單“編輯”、“首選參數(shù)”選擇分類中的“層”設(shè)置具體參數(shù)層的插入使用層制作“下拉菜單”3DMX中的層是指用DIV和SPAN標(biāo)簽描述的

HTML內(nèi)容的容器。可以使用插入、拖動(dòng)等方法創(chuàng)建層或嵌套層。創(chuàng)建復(fù)雜頁(yè)面布局，

可以使用層來(lái)布局頁(yè)面。層被插入到網(wǎng)頁(yè)后，可以進(jìn)行選擇、移動(dòng)、調(diào)整大小、嵌套及刪

除等操作。現(xiàn)通過(guò)制作一個(gè)下拉菜單實(shí)例對(duì)層的使用加以說(shuō)明。3.10.1

創(chuàng)建層4新建一個(gè)文檔。輸入網(wǎng)頁(yè)標(biāo)題“下拉菜單”，在文檔窗口輸入文本“下拉菜單的制作”，設(shè)置文本的屬性、設(shè)置網(wǎng)頁(yè)的背景等，保存。使用菜單【插入】、【布局對(duì)象】、【層】，插入一個(gè)層（該層自動(dòng)命名為L(zhǎng)ayer1）。通過(guò)層屬性面板，設(shè)置左（31px）；上（70px）；寬（230px）；高（35px）；Z軸（2）；背景顏色（黃色）等。創(chuàng)建層5除了插入單個(gè)層，還可以插入嵌套層直接創(chuàng)建嵌套層。在插入一個(gè)層之后，將光標(biāo)放置在該層（父層）內(nèi)，再創(chuàng)建新的層（子層）。將已有的多個(gè)層變?yōu)樽訉?。使用菜單【窗口】、【層】，打開層浮動(dòng)面板，選擇要作為子層的層。按住Ctrl鍵，將該層拖動(dòng)到父層，釋放鼠標(biāo)。3.10.2

在層中插入對(duì)象6將光標(biāo)置于layer1內(nèi)，插入一個(gè)1行2列、邊框?yàn)?、寬度為100％的表格。在兩個(gè)單元格中分別輸入“風(fēng)景圖像”、“動(dòng)物圖像”，作為菜單項(xiàng)。設(shè)置文本的格式。3.10.3

選擇和移動(dòng)層7在文檔窗口中插入一個(gè)新的層，命名為

Layer2，在該層中先按回車插入一空行，再輸入“風(fēng)景1”、“風(fēng)景2”、“風(fēng)景3”，3行內(nèi)容并居中。設(shè)置Z軸（1）、背景顏色。選擇層。單擊層的邊框或?qū)痈?dòng)面板中的名稱，使用Shift鍵可以選擇多個(gè)層。選擇Layer2層，調(diào)整大小，移動(dòng)到Layer1層“風(fēng)景圖像”的下面。移動(dòng)方法拖動(dòng)邊框；拖動(dòng)選擇手柄；調(diào)整屬性值3.10.4

復(fù)制層和調(diào)整層大小8選擇層Layer2，復(fù)制、粘貼，將名稱改為L(zhǎng)ayer3，其中的“風(fēng)景”改為“動(dòng)物”。在層被復(fù)制時(shí)，層內(nèi)的內(nèi)容將一起復(fù)制。調(diào)整大小使用鼠標(biāo)拖動(dòng)的方式調(diào)整層的大小使用屬性欄3.10.5

對(duì)齊層9在文檔中連續(xù)插入6個(gè)層，分別命名為scenery1－3和animal1－3，并在這6個(gè)層中各插入一幅圖像，分別選擇6個(gè)層，調(diào)整成一樣的大小。選擇6個(gè)層，執(zhí)行菜單【修改】、【對(duì)齊】中的命令。3.10.6

隱藏層10隱藏層使用屬性面板的“可見性”在層標(biāo)志上點(diǎn)擊右鍵，選擇“可見性”使用層浮動(dòng)面板中的“眼睛”按鈕在“行為”中隱藏層選擇菜單【窗口】、【行為】單擊窗口狀態(tài)欄的<body>標(biāo)簽，選擇頁(yè)面中所有對(duì)象，點(diǎn)擊【行為】面板中“＋”按鈕，選擇【顯示－隱藏層】命令。在彈出的對(duì)話框中，設(shè)置除Layer1層外均為隱藏。此時(shí)觸發(fā)動(dòng)作的事件為“onLoad”。3.10.7

為創(chuàng)建的層添加行為11把鼠標(biāo)放在“風(fēng)景圖像”菜單項(xiàng)所在的單元格內(nèi)，單擊【行為】面板上的“＋”按鈕，從彈出的菜單中選擇【顯示－隱藏層】命令，在對(duì)話框中設(shè)置：Layer1層、Layer2層為顯示；Layer3層為隱藏；其它層不進(jìn)行設(shè)置。（如果【行為】面板的行為不能選擇，單擊

“＋”按鈕，在彈出的【顯示事件】子菜單中更改選項(xiàng)IE4.0或更高版本）為創(chuàng)建好的層加入行為12確定，關(guān)閉對(duì)話框，在行為面板中出現(xiàn)觸發(fā)該動(dòng)作的onMouseOver事件設(shè)置“風(fēng)景圖像”下拉菜單的顯示層。選中

Layer2中的全部?jī)?nèi)容，設(shè)置onMouseOver事件，Layer1、Layer2為顯示，Layer3為隱藏。再次單擊“＋”按鈕，設(shè)置【顯示－隱藏層】，Layer2為隱藏，并修改事件為

onMouseOut。為創(chuàng)建好的層加入行為13同樣設(shè)置“動(dòng)物圖像”菜單項(xiàng)同樣設(shè)置“動(dòng)物圖像”下拉菜單的顯示層。設(shè)置子菜單顯示的層。在6個(gè)子菜單中都使用了兩個(gè)事件：onMouseOver事件中只設(shè)置對(duì)應(yīng)的一個(gè)層顯示；onMouseOut事件中只設(shè)置一個(gè)層的隱藏。為創(chuàng)建好的層加入行為14將光標(biāo)置于菜單項(xiàng)的上邊或左邊，在狀態(tài)欄中選擇<p>標(biāo)識(shí)符，然后從【行為面板】中添加一個(gè)onMouseOver事件，設(shè)置Layer2、Layer3為隱藏。（該操作的目的是在光標(biāo)移到菜單的上方或旁邊時(shí)，菜單消失）保存文件預(yù)覽3.10.8

使用層的技巧15將層轉(zhuǎn)換成表格使用層能夠更方便、精確地將網(wǎng)頁(yè)內(nèi)容定位，進(jìn)行復(fù)雜的網(wǎng)頁(yè)設(shè)計(jì)。但有的瀏覽器不支持層的使用，在設(shè)計(jì)網(wǎng)頁(yè)時(shí)可以先使用層，創(chuàng)建復(fù)雜的網(wǎng)頁(yè)布局，然后再把層布局轉(zhuǎn)換成表格布局，供不支持層的瀏覽器瀏覽。使用層的技巧新建一個(gè)網(wǎng)頁(yè)，插入四個(gè)層，并分別輸入文本和圖像，如圖：16使用層的技巧執(zhí)行菜單“修改”、“轉(zhuǎn)換”、“層到表格”17使用層的技巧18設(shè)置上面對(duì)話框：最精確最小使用透明GIFs置于頁(yè)面中央防止層重疊顯示層面板顯示網(wǎng)格靠齊到網(wǎng)格使用層的技巧表格轉(zhuǎn)換成層在文檔窗口，選擇要轉(zhuǎn)換的表格，執(zhí)行菜單命令“修改”、“轉(zhuǎn)換”、“表格到層”。設(shè)置對(duì)話框，確定。19使用層的技巧20吸附層到網(wǎng)格在文檔窗口，如果需要對(duì)多個(gè)層進(jìn)行調(diào)整，可

以使用網(wǎng)格精確定位層和調(diào)整層的大小。如

果使用吸附功能，在移動(dòng)和調(diào)整層的大小時(shí)，該層會(huì)自動(dòng)定位到最近的吸附位置。下面通

過(guò)實(shí)例將3個(gè)層調(diào)整為一樣的大小，在同一

水平線上。使用層的技巧新建一個(gè)文檔，插入3個(gè)層。選

溫馨提示

  • 1. 本站所有資源如無(wú)特殊說(shuō)明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒(méi)有圖紙預(yù)覽就沒(méi)有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間，僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請(qǐng)與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

評(píng)論

0/150

提交評(píng)論