利用圖層技術(shù)制作網(wǎng)-文庫(kù)吧
2024-12-31 01:33 本頁(yè)面
【正文】 合適的位置，釋放鼠標(biāo)，就可以改變層的大小，如圖99所示。 圖99 拖動(dòng)圖層邊框控制點(diǎn)改變層的大小(2)利用屬性面板精確調(diào)整圖層的大?、龠x擇要調(diào)整的圖層，打開(kāi)屬性面板，如圖910所示。②在屬性檢查器的“高”和“寬”文本框中修改層的寬度值和高度值。圖910 利用屬性檢查器調(diào)整圖層的大小(3)利用鍵盤來(lái)調(diào)整圖層的大小①選擇要調(diào)整的圖層。②按Ctrl+方向鍵，每次調(diào)整一個(gè)像素單位。③按Ctrl+Shift+方向鍵，每次調(diào)整一個(gè)網(wǎng)格單位。注意：在調(diào)整層的大小時(shí)，當(dāng)層比圖片大時(shí)，圖片的尺寸保持不變，而層最小只能調(diào)整到圖片的大小。在調(diào)整層中圖片的大小時(shí)，層的尺寸會(huì)隨著圖片的大小而調(diào)整。(1)利用菜單調(diào)整多個(gè)圖層的大?、僭谠O(shè)計(jì)視圖中按Shift鍵選擇多個(gè)圖層。②單擊“修改”→“對(duì)齊”→“設(shè)成寬度相同”或“修改”→“對(duì)齊”→“設(shè)成高度相同”，如圖911所示。圖911 “對(duì)齊”命令選項(xiàng)注意：多個(gè)圖層調(diào)整后的高度和寬度以最后一個(gè)被選中的圖層的(黑色突出顯示)寬度或高度為基準(zhǔn)。(2)利用屬性面板精確調(diào)整多個(gè)圖層的大小①選擇要調(diào)整的圖層，打開(kāi)其屬性面板。②在屬性面板的多個(gè)層“高”和“寬”文本框中修改所有選中的層的寬度值和高度值，如圖912所示。圖912 利用屬性檢查器調(diào)整多個(gè)圖層的大小 移動(dòng)圖層除了圖層的大小可以被調(diào)整以外，圖層還可以被隨意移動(dòng)。正是這一特點(diǎn)，方便了網(wǎng)頁(yè)元素的定位，使我們可以方便地利用圖層進(jìn)行網(wǎng)頁(yè)布局。圖層移動(dòng)時(shí)，首先應(yīng)該選中它，然后可以按以下方法進(jìn)行操作。拖動(dòng)層邊框左上角的方形手柄到適合的位置，如圖913所示，然后釋放鼠標(biāo)即可。圖913 拖動(dòng)圖層在屬性面板的“左”或“右”文本框中輸入新的水平或垂直的坐標(biāo)值，如圖914所示。圖914 利用屬性檢查器移動(dòng)圖層每按一次方向鍵，則移動(dòng)一個(gè)像素單位：若按Shift鍵的同時(shí)按一次方向鍵，則移動(dòng)一個(gè)網(wǎng)格單位。 對(duì)齊圖層先選中多個(gè)要對(duì)齊的層，單擊“修改”→“對(duì)齊”→“左對(duì)齊”(右對(duì)齊、對(duì)齊上緣、對(duì)齊下緣)，如圖911所示。 圖層與網(wǎng)格的對(duì)齊在調(diào)整層的大小和位置時(shí)，如果配合網(wǎng)格線和吸附功能的設(shè)置，則層的調(diào)整就會(huì)更加精確了。要顯示網(wǎng)格線，選擇“查看”→“網(wǎng)格”→“顯示網(wǎng)格”命令即可，如圖915所示。圖915 顯示網(wǎng)格線設(shè)置網(wǎng)格和吸附的值的步驟如下。(1)選擇“查看”→“網(wǎng)格”→“網(wǎng)格設(shè)置”命令。(2)在對(duì)話框中，用戶可以根據(jù)需要進(jìn)行選項(xiàng)設(shè)置。顏色：用于設(shè)置網(wǎng)格線的顏色。間隔：用于設(shè)置網(wǎng)格線的間距和間距單位。顯示：該選項(xiàng)組的單選按鈕用于設(shè)置網(wǎng)格用線還是用點(diǎn)來(lái)顯示。(3)單擊“確定”按鈕完成設(shè)置，如圖916所示。圖916 “網(wǎng)格設(shè)置”對(duì)話框注意：不論網(wǎng)格是否可見(jiàn)，都可以選中“靠齊到網(wǎng)格”。 層面板的應(yīng)用 層屬性面板的應(yīng)用用戶可以在屬性面板中查看和設(shè)置層的各種屬性。選擇一個(gè)層，單擊“窗口”→“屬性”，打開(kāi)層屬性面板，如圖917所示，各選項(xiàng)含義如下。圖917 設(shè)置層的屬性層編號(hào)：用于指定一個(gè)名稱，以便在“層”面板和JavaScript代碼中標(biāo)識(shí)該層。輸入名稱時(shí)只使用標(biāo)準(zhǔn)的字母數(shù)字字符，而不要使用空格、連字符、斜杠或句號(hào)等特殊字符。每個(gè)層都必須有它自己的惟一名稱?！白蟆焙汀吧稀?左側(cè)和頂部)：指定層的左上角相對(duì)于頁(yè)面(如果嵌套，則為父層)左上角的位置?！皩挕焙汀案摺保褐付▽拥膶挾群透叨取軸：確定層的z軸(即層疊順序)。在瀏覽器中，編號(hào)較大的層出現(xiàn)在編號(hào)較小的層的前面。值可以為正，也可以為負(fù)。當(dāng)更改層的層疊順序時(shí)，使用“層”控制面板操作要比輸入特定的z軸更為簡(jiǎn)便。顯示：指定該層最初是否是可見(jiàn)的。請(qǐng)從下列選項(xiàng)中選擇。默認(rèn)——不指定可見(jiàn)性屬性。當(dāng)未指定可見(jiàn)性時(shí)，大多數(shù)瀏覽器都會(huì)默認(rèn)為“繼承”。繼承——使用該層父級(jí)的可見(jiàn)性屬性?？梢?jiàn)——顯示該層的內(nèi)容，而不管父級(jí)的值是什么。隱藏——隱藏這些層的內(nèi)容，而不管父級(jí)的值是什么。請(qǐng)注意，創(chuàng)建的隱藏層會(huì)像可見(jiàn)層一樣占用相同的空間。使用腳本語(yǔ)言(如JavaScript)可控制可見(jiàn)性屬性并動(dòng)態(tài)地顯示層的內(nèi)容。背景圖像：指定層的背景圖像。單擊其文件夾圖標(biāo)可瀏覽到一個(gè)圖像文件并將其選定。背景顏色：指定層的背景顏色。如果將此選項(xiàng)留為空白，則可以指定透明的背景，如圖918所示。圖918 背景顏色標(biāo)簽：指定用來(lái)定義該層的HTML標(biāo)簽。溢出：控制當(dāng)層的內(nèi)容超過(guò)層的指定大小時(shí)如何在瀏覽器中顯示層。“visible”(可見(jiàn))指示在層中顯示額外的內(nèi)容。實(shí)際上，該層會(huì)通過(guò)延伸來(lái)容納額外的內(nèi)容。“hidden”(隱藏)指定不在瀏覽器中顯示額外的內(nèi)容。“scroll”(滾動(dòng))指定瀏覽器應(yīng)在層上添加滾動(dòng)條，而不管是否需要滾動(dòng)條?！癮uto”(自動(dòng))指定瀏覽器僅在需要時(shí)(即當(dāng)層的內(nèi)容超過(guò)其邊界時(shí))才顯示層的滾動(dòng)條。剪輯：定義層的可見(jiàn)區(qū)域。指定左側(cè)、頂部、右側(cè)和底邊坐標(biāo)，可在層的坐標(biāo)空間中定義一個(gè)矩形(從層的左上角開(kāi)始計(jì)算)。層經(jīng)過(guò)“剪輯”后，只有指定的矩形區(qū)域才是可見(jiàn)的。如，若要使一個(gè)層中50像素寬、75像素高的矩形區(qū)域可見(jiàn)而其他內(nèi)容均不可見(jiàn)，請(qǐng)將“左”設(shè)置為0，將“上”設(shè)置為0，將“右”設(shè)置為50，并將“下”設(shè)置為75。 層控制面板的應(yīng)用當(dāng)處理文檔時(shí)，可以使用“層”控制面板手動(dòng)顯示和隱藏層，以查看頁(yè)如何在不同的條件下顯示。注意：當(dāng)前選定層始終會(huì)變?yōu)榭梢?jiàn)，它在選定時(shí)將出現(xiàn)在其他層的前面。(1)若要更改層可見(jiàn)性，請(qǐng)執(zhí)行以下操作。①單擊“窗口”→“其他”→“層”菜單命令，打開(kāi)“層”面板。②單擊一個(gè)層的眼睛圖標(biāo)以更改其可見(jiàn)性。眼睛睜開(kāi)表示該層是可見(jiàn)的。眼睛閉合表示該層是不可見(jiàn)的。如果沒(méi)有眼形圖標(biāo)，該層通常會(huì)繼承其父級(jí)的可見(jiàn)性(如果層沒(méi)有嵌套，父級(jí)就是文檔正文，而文檔正文始終是可見(jiàn)的。)另外，如果未指定可見(jiàn)性，則不
公司管理相關(guān)推薦
鄂ICP備17016276號(hào)-1