利用圖層技術(shù)制作網(wǎng)(編輯修改稿)
2025-02-11 01:33 本頁面
【文章內(nèi)容簡介】 會顯示眼睛圖標(這在屬性面板中表示為“默認”可見性)。(2)若要同時更改所有層的可見性，請執(zhí)行以下操作。①單擊“窗口”→“其他”→“層”，打開“層”面板。②單擊位于列頂部的標頭眼睛圖標。注意：此過程可以將所有層設(shè)置為“可見”或“隱藏”，但不能設(shè)置為“繼承”。前面已經(jīng)介紹過，層位于z軸上。通常，最先創(chuàng)建的層位于z軸的最下層，而最后創(chuàng)建的層則位于z軸的最上層。疊放的順序可以從“層”面板上看到，如圖919所示。圖919 層的名稱和Z值(1)利用“層”控制面板來調(diào)整層間的位置①把光標放置到要改變位置的層的名稱上，比如拖動Layer3到Layer1下面，如圖920所示。圖920 拖動Layer3層操作樣圖②釋放鼠標，Layer3便移到最底端，如圖921所示。Layer3的z值由3變成1，表示其現(xiàn)在位于其他3個層的下面。圖921 調(diào)整層的位置(2)利用層屬性面板來調(diào)整層間的位置在層屬性面板中直接修改Layer3層的“Z軸”值，使其小于Layer1的“Z軸”值，如圖922所示。 圖922 修改層的Z值圖層中可以放置各種文檔內(nèi)容，當然也可以放置圖層，這就是所謂的圖層嵌套。嵌套通常用于將層組織在一起。嵌套層隨其父層一起移動，并且可以設(shè)置為繼承其父級的可見性。若要創(chuàng)建嵌套層，可以在另一個層中插入或繪制一個層，或者使用“層”控制面板。若要在繪制層時強制使用自動嵌套，可以在層參數(shù)中選擇“嵌套”選項。(1)利用菜單命令創(chuàng)建嵌套層①將插入點放入現(xiàn)有層中。②選擇“插入”→“層”菜單命令，這時在現(xiàn)有圖層中就會出現(xiàn)新的嵌套圖層，如圖923所示。圖923 創(chuàng)建嵌套層(2)繪制嵌套層在“插入”面板上單擊“描繪層”按鈕，然后通過拖動在現(xiàn)有層中繪制一個層。提示：在不同的瀏覽器中，嵌套層的外觀，可能會有所不同。當創(chuàng)建嵌套層時，請在設(shè)計過程中頻繁地檢查它們在不同瀏覽器中的外觀。(3)利用層控制面板將現(xiàn)有層嵌套在另一個層中①單擊“窗口”→“其他”→“層”，打開“層”控制面板。②在“層”控制面板中選擇一個層，然后通過按住Ctrl鍵并拖動，將層移動到層控制面板上的目標層。當目標層的名稱被選中時，如圖924所示，松開鼠標按鈕。圖924 在“層”控制面板中創(chuàng)建嵌套層③操作完成后“層”控制面板如圖925所示。注意：當在頁面上使用嵌套層時，請使用Netscape調(diào)整大小修復命令(“命令”→“添加/刪除Netscape調(diào)整大小修復”)。否則，當訪問者在Netscape Navigator 4版中調(diào)整瀏覽器窗口的大小時，層會失去它們的位置?？梢栽O(shè)置一個參數(shù)選擇選項，以始終插入Netscape調(diào)整大小修復命令。 圖層與表格圖層只有在較高版本的瀏覽器，如Internet Navigator ，才能夠正確顯示，則不能使用圖層來控制版面。很多人喜歡用表格作為控制版面的手段，在很多時候這是非常有效的。在Dreamweaver中，可以實現(xiàn)圖層和表格之間相互轉(zhuǎn)換。例如，將圖層轉(zhuǎn)換為表格中的單元格。當然，也可以將現(xiàn)有用表格設(shè)計的網(wǎng)頁轉(zhuǎn)換為用圖層設(shè)計的網(wǎng)頁，使網(wǎng)頁顯得更加專業(yè)化。 防止圖層重疊由于表格單元格不能重疊，Dreamweaver無法利用重疊層創(chuàng)建表格。如果要將文檔中的層轉(zhuǎn)換為表格，應(yīng)使用“防止重疊”選項來約束層的移動和定位，使層不會重疊。在啟用該選項后，則不能在現(xiàn)有層前面創(chuàng)建層，不能在現(xiàn)有層上移動層或調(diào)整層大小，也不能將某個層嵌套在現(xiàn)有層中。如果在創(chuàng)建重疊層后激活此選項？請拖動每個重疊層以使其離開其他層。當啟用“防止層重疊”選項后，Dreamweaver不會自動修正頁面上的現(xiàn)有重疊層。若要防止層重疊，可以使用以下方法之一。方法一：在“層”控制面板中，請選擇“防止層重疊”選項，如圖926所示。圖926 “層”控制面板中“防止重疊”設(shè)置方法二：在“文檔”窗口中，選擇“修改”→“排列順序”→“防止重疊”命令。注意：即使在啟用“防止重疊”選項后，仍可以執(zhí)行某些操作來將層重疊。如果使用“插入”菜單插入一個層，在屬性面板中輸入數(shù)字或者通過編輯HTML源代碼來重定位層，則可以在此選項已啟用時使層重疊或嵌套。如果出現(xiàn)重疊，請在“設(shè)計”視圖中拖動各重疊層以使其分離。 把圖層轉(zhuǎn)換為表格一些Web設(shè)計人員可能不喜歡使用表格或“布局”模式來創(chuàng)建自己的布局，而是喜歡通過層來進行設(shè)計。在Dreamweaver MX中可以使用層來創(chuàng)建網(wǎng)頁布局，然后將它們轉(zhuǎn)換為表格(如果愿意的話)。例如，可能需要將層轉(zhuǎn)換為表格。用戶可以在層和表之間來回轉(zhuǎn)換，以調(diào)整布局并優(yōu)化網(wǎng)頁設(shè)計。不能轉(zhuǎn)換頁面上特定的表格或?qū)樱仨殞⒄麄€頁面上的層轉(zhuǎn)換為表格或?qū)⒈砀褶D(zhuǎn)換為層。要把頁面中的層轉(zhuǎn)換為表格，請按以下步驟操作。(1)選擇“修改”→“轉(zhuǎn)換”→“層到表格”命令。(2)在彈出的“轉(zhuǎn)換層為表格”對話框中，選擇需要的布局選項，如圖927所示。圖927 “轉(zhuǎn)換層為表格”對話框若要設(shè)置“轉(zhuǎn)換層為表格”對話框，請指定以下任一選項。最精確：為每個層創(chuàng)建一個單元格，并附加保留層之間所必須的任何單元格。最小：折疊空單元格，指定如果層定位在指定數(shù)目的像素內(nèi)，則層的邊緣應(yīng)對齊。如果選擇此選工頁，結(jié)果表格將包含較少的空行和空列，但可能與精確布局不匹配。使用透明GIF：用透明的GIF填充表格的最后一行。這將確保該表格在所有瀏覽器中以相同的列寬顯示。當啟用此選項后，不能通過拖動表列來編輯結(jié)果表格。當禁用此選項后，含透明GIF，在不同的瀏覽器中可能會具有不同的列寬。置于頁面中央：將結(jié)果表格放置在頁面的中央。如果禁用此選項，表格將在頁面的左邊緣開始。選擇所需的布局工具，然后單擊“確定”按鈕。注意：在模板文檔或已應(yīng)用模板的文檔中，不能將層轉(zhuǎn)換為表格或?qū)⒈砀褶D(zhuǎn)換為層。即應(yīng)該在非模板文檔中創(chuàng)建布局，然后再將該文檔另存為模板之前進行轉(zhuǎn)換。 把表格轉(zhuǎn)換為圖層用表格也可以實現(xiàn)對頁面的布局，如果用表格的布局感到不滿意，可以把表格轉(zhuǎn)換為圖層后重新調(diào)整。將表格轉(zhuǎn)
公司管理相關(guān)推薦
鄂ICP備17016276號-1