利用圖層技術制作網-文庫吧資料
2025-01-21 01:33本頁面
【正文】 ”→“轉換”→“層到表格”命令。不能轉換頁面上特定的表格或層，必須將整個頁面上的層轉換為表格或將表格轉換為層。例如，可能需要將層轉換為表格。 把圖層轉換為表格一些Web設計人員可能不喜歡使用表格或“布局”模式來創(chuàng)建自己的布局，而是喜歡通過層來進行設計。如果使用“插入”菜單插入一個層，在屬性面板中輸入數(shù)字或者通過編輯HTML源代碼來重定位層，則可以在此選項已啟用時使層重疊或嵌套。圖926 “層”控制面板中“防止重疊”設置方法二：在“文檔”窗口中，選擇“修改”→“排列順序”→“防止重疊”命令。若要防止層重疊，可以使用以下方法之一。如果在創(chuàng)建重疊層后激活此選項？請拖動每個重疊層以使其離開其他層。如果要將文檔中的層轉換為表格，應使用“防止重疊”選項來約束層的移動和定位，使層不會重疊。當然，也可以將現(xiàn)有用表格設計的網頁轉換為用圖層設計的網頁，使網頁顯得更加專業(yè)化。在Dreamweaver中，可以實現(xiàn)圖層和表格之間相互轉換。 圖層與表格圖層只有在較高版本的瀏覽器，如Internet Navigator ，才能夠正確顯示，則不能使用圖層來控制版面。否則，當訪問者在Netscape Navigator 4版中調整瀏覽器窗口的大小時，層會失去它們的位置。圖924 在“層”控制面板中創(chuàng)建嵌套層③操作完成后“層”控制面板如圖925所示。②在“層”控制面板中選擇一個層，然后通過按住Ctrl鍵并拖動，將層移動到層控制面板上的目標層。當創(chuàng)建嵌套層時，請在設計過程中頻繁地檢查它們在不同瀏覽器中的外觀。圖923 創(chuàng)建嵌套層(2)繪制嵌套層在“插入”面板上單擊“描繪層”按鈕，然后通過拖動在現(xiàn)有層中繪制一個層。(1)利用菜單命令創(chuàng)建嵌套層①將插入點放入現(xiàn)有層中。若要創(chuàng)建嵌套層，可以在另一個層中插入或繪制一個層，或者使用“層”控制面板。嵌套通常用于將層組織在一起。圖921 調整層的位置(2)利用層屬性面板來調整層間的位置在層屬性面板中直接修改Layer3層的“Z軸”值，使其小于Layer1的“Z軸”值，如圖922所示。圖920 拖動Layer3層操作樣圖②釋放鼠標，Layer3便移到最底端，如圖921所示。疊放的順序可以從“層”面板上看到，如圖919所示。前面已經介紹過，層位于z軸上。②單擊位于列頂部的標頭眼睛圖標。(2)若要同時更改所有層的可見性，請執(zhí)行以下操作。如果沒有眼形圖標，該層通常會繼承其父級的可見性(如果層沒有嵌套，父級就是文檔正文，而文檔正文始終是可見的。眼睛睜開表示該層是可見的。①單擊“窗口”→“其他”→“層”菜單命令，打開“層”面板。注意：當前選定層始終會變?yōu)榭梢姡谶x定時將出現(xiàn)在其他層的前面。如，若要使一個層中50像素寬、75像素高的矩形區(qū)域可見而其他內容均不可見，請將“左”設置為0，將“上”設置為0，將“右”設置為50，并將“下”設置為75。指定左側、頂部、右側和底邊坐標，可在層的坐標空間中定義一個矩形(從層的左上角開始計算)?！皊croll”(滾動)指定瀏覽器應在層上添加滾動條，而不管是否需要滾動條。實際上，該層會通過延伸來容納額外的內容。溢出：控制當層的內容超過層的指定大小時如何在瀏覽器中顯示層。標簽：指定用來定義該層的HTML標簽。如果將此選項留為空白，則可以指定透明的背景，如圖918所示。背景圖像：指定層的背景圖像。使用腳本語言(如JavaScript)可控制可見性屬性并動態(tài)地顯示層的內容。隱藏——隱藏這些層的內容，而不管父級的值是什么。繼承——使用該層父級的可見性屬性。默認——不指定可見性屬性。顯示：指定該層最初是否是可見的。當更改層的層疊順序時，使用“層”控制面板操作要比輸入特定的z軸更為簡便。在瀏覽器中，編號較大的層出現(xiàn)在編號較小的層的前面。輸入名稱時只使用標準的字母數(shù)字字符，而不要使用空格、連字符、斜杠或句號等特殊字符。圖917 設置層的屬性 層面板的應用 層屬性面板的應用用戶可以在屬性面板中查看和設置層的各種屬性。(3)單擊“確定”按鈕完成設置，如圖916所示。間隔：用于設置網格線的間距和間距單位。(2)在對話框中，用戶可以根據(jù)需要進行選項設置。圖915 顯示網格線設置網格和吸附的值的步驟如下。 圖層與網格的對齊在調整層的大小和位置時，如果配合網格線和吸附功能的設置，則層的調整就會更加精確了。圖914 利用屬性檢查器移動圖層每按一次方向鍵，則移動一個像素單位：若按Shift鍵的同時按一次方向鍵，則移動一個網格單位。拖動層邊框左上角的方形手柄到適合的位置，如圖913所示，然后釋放鼠標即可。正是這一特點，方便了網頁元素的定位，使我們可以方便地利用圖層進行網頁布局。②在屬性面板的多個層“高”和“寬”文本框中修改所有選中的層的寬度值和高度值，如圖912所示。圖911 “對齊”命令選項注意：多個圖層調整后的高度和寬度以最后一個被選中的圖層的(黑色突出顯示)寬度或高度為基準。(1)利用菜單調整多個圖層的大?、僭谠O計視圖中按Shift鍵選擇多個圖層。注意：在調整層的大小時，當層比圖片大時，圖片的尺寸保持不變，而層最小只能調整到圖片的大小。②按Ctrl+方向鍵，每次調整一個像素單位。②在屬性檢查器的“高”和“寬”文本框中修改層的寬度值和高度值。②上下(左右、斜方向)拖動層邊框的控制點到合適的位置，釋放鼠標，就可以改變層的大小，如圖99所示。(1)拖動圖層邊框的控制點來改變其大?、龠x擇圖層。如果已啟用“防止重疊”選項，那么在調整層的大小時將無法使該層與另一個層重疊。從圖中可以看到，最后被選中的圖層，其邊框上的控制點是黑色的，而先選中的圖層的控制點是白色的。方法二：按住Shift鍵，然后在圖層面板中單擊兩個或多個圖層的名稱，即可選中多個圖層，如圖97所示。 圖95 被選中的圖層
公司管理相關推薦
鄂ICP備17016276號-1