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