利用圖層技術(shù)制作網(wǎng)-在線瀏覽
2025-03-04 01:33本頁面
【正文】 →“設(shè)成寬度相同”或“修改”→“對齊”→“設(shè)成高度相同”，如圖911所示。(2)利用屬性面板精確調(diào)整多個(gè)圖層的大?、龠x擇要調(diào)整的圖層，打開其屬性面板。圖912 利用屬性檢查器調(diào)整多個(gè)圖層的大小 移動(dòng)圖層除了圖層的大小可以被調(diào)整以外，圖層還可以被隨意移動(dòng)。圖層移動(dòng)時(shí)，首先應(yīng)該選中它，然后可以按以下方法進(jìn)行操作。圖913 拖動(dòng)圖層在屬性面板的“左”或“右”文本框中輸入新的水平或垂直的坐標(biāo)值，如圖914所示。 對齊圖層先選中多個(gè)要對齊的層，單擊“修改”→“對齊”→“左對齊”(右對齊、對齊上緣、對齊下緣)，如圖911所示。要顯示網(wǎng)格線，選擇“查看”→“網(wǎng)格”→“顯示網(wǎng)格”命令即可，如圖915所示。(1)選擇“查看”→“網(wǎng)格”→“網(wǎng)格設(shè)置”命令。顏色：用于設(shè)置網(wǎng)格線的顏色。顯示：該選項(xiàng)組的單選按鈕用于設(shè)置網(wǎng)格用線還是用點(diǎn)來顯示。圖916 “網(wǎng)格設(shè)置”對話框注意：不論網(wǎng)格是否可見，都可以選中“靠齊到網(wǎng)格”。選擇一個(gè)層，單擊“窗口”→“屬性”，打開層屬性面板，如圖917所示，各選項(xiàng)含義如下。層編號：用于指定一個(gè)名稱，以便在“層”面板和JavaScript代碼中標(biāo)識該層。每個(gè)層都必須有它自己的惟一名稱?！白蟆焙汀吧稀?左側(cè)和頂部)：指定層的左上角相對于頁面(如果嵌套，則為父層)左上角的位置?！皩挕焙汀案摺保褐付▽拥膶挾群透叨?。Z軸：確定層的z軸(即層疊順序)。值可以為正，也可以為負(fù)。請從下列選項(xiàng)中選擇。當(dāng)未指定可見性時(shí)，大多數(shù)瀏覽器都會默認(rèn)為“繼承”。可見——顯示該層的內(nèi)容，而不管父級的值是什么。請注意，創(chuàng)建的隱藏層會像可見層一樣占用相同的空間。單擊其文件夾圖標(biāo)可瀏覽到一個(gè)圖像文件并將其選定。背景顏色：指定層的背景顏色。圖918 背景顏色“visible”(可見)指示在層中顯示額外的內(nèi)容?！癶idden”(隱藏)指定不在瀏覽器中顯示額外的內(nèi)容?！癮uto”(自動(dòng))指定瀏覽器僅在需要時(shí)(即當(dāng)層的內(nèi)容超過其邊界時(shí))才顯示層的滾動(dòng)條。剪輯：定義層的可見區(qū)域。層經(jīng)過“剪輯”后，只有指定的矩形區(qū)域才是可見的。 層控制面板的應(yīng)用當(dāng)處理文檔時(shí)，可以使用“層”控制面板手動(dòng)顯示和隱藏層，以查看頁如何在不同的條件下顯示。(1)若要更改層可見性，請執(zhí)行以下操作。②單擊一個(gè)層的眼睛圖標(biāo)以更改其可見性。眼睛閉合表示該層是不可見的。)另外，如果未指定可見性，則不會顯示眼睛圖標(biāo)(這在屬性面板中表示為“默認(rèn)”可見性)。①單擊“窗口”→“其他”→“層”，打開“層”面板。注意：此過程可以將所有層設(shè)置為“可見”或“隱藏”，但不能設(shè)置為“繼承”。通常，最先創(chuàng)建的層位于z軸的最下層，而最后創(chuàng)建的層則位于z軸的最上層。圖919 層的名稱和Z值(1)利用“層”控制面板來調(diào)整層間的位置①把光標(biāo)放置到要改變位置的層的名稱上，比如拖動(dòng)Layer3到Layer1下面，如圖920所示。Layer3的z值由3變成1，表示其現(xiàn)在位于其他3個(gè)層的下面。 圖922 修改層的Z值圖層中可以放置各種文檔內(nèi)容，當(dāng)然也可以放置圖層，這就是所謂的圖層嵌套。嵌套層隨其父層一起移動(dòng)，并且可以設(shè)置為繼承其父級的可見性。若要在繪制層時(shí)強(qiáng)制使用自動(dòng)嵌套，可以在層參數(shù)中選擇“嵌套”選項(xiàng)。②選擇“插入”→“層”菜單命令，這時(shí)在現(xiàn)有圖層中就會出現(xiàn)新的嵌套圖層，如圖923所示。提示：在不同的瀏覽器中，嵌套層的外觀，可能會有所不同。(3)利用層控制面板將現(xiàn)有層嵌套在另一個(gè)層中①單擊“窗口”→“其他”→“層”，打開“層”控制面板。當(dāng)目標(biāo)層的名稱被選中時(shí)，如圖924所示，松開鼠標(biāo)按鈕。注意：當(dāng)在頁面上使用嵌套層時(shí)，請使用Netscape調(diào)整大小修復(fù)命令(“命令”→“添加/刪除Netscape調(diào)整大小修復(fù)”)?？梢栽O(shè)置一個(gè)參數(shù)選擇選項(xiàng)，以始終插入Netscape調(diào)整大小修復(fù)命令。很多人喜歡用表格作為控制版面的手段，在很多時(shí)候這是非常有效的。例如，將圖層轉(zhuǎn)換為表格中的單元格。 防止圖層重疊由于表格單元格不能重疊，Dreamweaver無法利用重疊層創(chuàng)建表格。在啟用該選項(xiàng)后，則不能在現(xiàn)有層前面創(chuàng)建層，不能在現(xiàn)有層上移動(dòng)層或調(diào)整層大小，也不能將某個(gè)層嵌套在現(xiàn)有層中。當(dāng)啟用“防止層重疊”選項(xiàng)后，Dreamweaver不會自動(dòng)修正頁面上的現(xiàn)有重疊層。方法一：在“層”控制面板中，請選擇“防止層重疊”選項(xiàng)，如圖926所示。注意：即使在啟用“防止重疊”選項(xiàng)后，仍可以執(zhí)行某些操作來將層重疊。如果出現(xiàn)重疊，請?jiān)凇霸O(shè)計(jì)”視圖中拖動(dòng)各重疊層以使其分離。在Dreamweaver MX中可以使用層來創(chuàng)建網(wǎng)頁布局，然后將它們轉(zhuǎn)換為表格(如果愿意的話)。用戶可以在層和表之間來回轉(zhuǎn)換，以調(diào)整布局并優(yōu)化網(wǎng)頁設(shè)計(jì)。要把頁面中的層轉(zhuǎn)換為表格，請按以下步驟操作。(2)在彈出的“轉(zhuǎn)換層為表格”對話框中，選擇需要的布局選項(xiàng)，如圖927所示。最精確：為每個(gè)層創(chuàng)建一個(gè)單元格，并附加保留層之間所必須的任何單元格。如果選擇此選工頁，結(jié)果表格將包含較少的空行和空列，但可能與精確布局不匹配。這將確保該表格在所有瀏覽器中以相同的列寬顯示。當(dāng)禁用此選項(xiàng)后，含透明GIF，在不同的瀏覽器中可能會具有不同的列寬。如果禁用此選項(xiàng)，表格將在頁面的左邊緣開始。注意：在模板文檔或已應(yīng)用模板的文檔中，不能將層轉(zhuǎn)換為表格或?qū)⒈砀褶D(zhuǎn)換為層。 把表格轉(zhuǎn)換為圖層用表格也可以實(shí)現(xiàn)對頁面的布局，如果用表格的布局感到不滿意，可以把表格轉(zhuǎn)換為圖層后重新調(diào)整。(1)單擊“修改”→“轉(zhuǎn)換”→“表格到層”命令。圖928 將表格轉(zhuǎn)換為層防止層重疊：在創(chuàng)建、移動(dòng)層和調(diào)整層大小時(shí)約束層的位置，使層不會重疊。顯示網(wǎng)格和靠齊到網(wǎng)格：能夠使用網(wǎng)格來協(xié)助將層定位。注意：表格轉(zhuǎn)換為層時(shí)，空單元格不會轉(zhuǎn)換為層(除非它們具有背景顏色)。 圖層與時(shí)間軸DHTML，也就是動(dòng)態(tài)HTML，是一種能夠具有使用腳本語言來改變樣式或位置能力的語言。通過DH
公司管理相關(guān)推薦
鄂ICP備17016276號-1