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

下載本文檔

版權說明：本文檔由用戶提供并上傳，收益歸屬內容提供方，若內容存在侵權，請進行舉報或認領

文檔簡介

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

HTML內容的容器?？梢允褂貌迦?、拖動等方法創(chuàng)建層或嵌套層。創(chuàng)建復雜頁面布局，

可以使用層來布局頁面。層被插入到網頁后，可以進行選擇、移動、調整大小、嵌套及刪

除等操作?，F(xiàn)通過制作一個下拉菜單實例對層的使用加以說明。3.10.1

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

在層中插入對象6將光標置于layer1內，插入一個1行2列、邊框為0、寬度為100％的表格。在兩個單元格中分別輸入“風景圖像”、“動物圖像”，作為菜單項。設置文本的格式。3.10.3

選擇和移動層7在文檔窗口中插入一個新的層，命名為

Layer2，在該層中先按回車插入一空行，再輸入“風景1”、“風景2”、“風景3”，3行內容并居中。設置Z軸（1）、背景顏色。選擇層。單擊層的邊框或層浮動面板中的名稱，使用Shift鍵可以選擇多個層。選擇Layer2層，調整大小，移動到Layer1層“風景圖像”的下面。移動方法拖動邊框；拖動選擇手柄；調整屬性值3.10.4

復制層和調整層大小8選擇層Layer2，復制、粘貼，將名稱改為Layer3，其中的“風景”改為“動物”。在層被復制時，層內的內容將一起復制。調整大小使用鼠標拖動的方式調整層的大小使用屬性欄3.10.5

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

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

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

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

Layer2中的全部內容，設置onMouseOver事件，Layer1、Layer2為顯示，Layer3為隱藏。再次單擊“＋”按鈕，設置【顯示－隱藏層】，Layer2為隱藏，并修改事件為

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

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

以使用網格精確定位層和調整層的大小。如

果使用吸附功能，在移動和調整層的大小時，該層會自動定位到最近的吸附位置。下面通

過實例將3個層調整為一樣的大小，在同一

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

溫馨提示

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

評論

0/150

提交評論