利用圖層技術(shù)制作網(wǎng)-預(yù)覽頁(yè)
【正文】 個(gè)控制點(diǎn)。圖910 利用屬性檢查器調(diào)整圖層的大小(3)利用鍵盤(pán)來(lái)調(diào)整圖層的大小①選擇要調(diào)整的圖層。在調(diào)整層中圖片的大小時(shí)，層的尺寸會(huì)隨著圖片的大小而調(diào)整。(2)利用屬性面板精確調(diào)整多個(gè)圖層的大小①選擇要調(diào)整的圖層，打開(kāi)其屬性面板。圖層移動(dòng)時(shí)，首先應(yīng)該選中它，然后可以按以下方法進(jìn)行操作。 對(duì)齊圖層先選中多個(gè)要對(duì)齊的層，單擊“修改”→“對(duì)齊”→“左對(duì)齊”(右對(duì)齊、對(duì)齊上緣、對(duì)齊下緣)，如圖911所示。(1)選擇“查看”→“網(wǎng)格”→“網(wǎng)格設(shè)置”命令。顯示：該選項(xiàng)組的單選按鈕用于設(shè)置網(wǎng)格用線(xiàn)還是用點(diǎn)來(lái)顯示。選擇一個(gè)層，單擊“窗口”→“屬性”，打開(kāi)層屬性面板，如圖917所示，各選項(xiàng)含義如下。每個(gè)層都必須有它自己的惟一名稱(chēng)?！皩挕焙汀案摺保褐付▽拥膶挾群透叨?。值可以為正，也可以為負(fù)。請(qǐng)從下列選項(xiàng)中選擇?？梢?jiàn)——顯示該層的內(nèi)容，而不管父級(jí)的值是什么。背景顏色：指定層的背景顏色?！癶idden”(隱藏)指定不在瀏覽器中顯示額外的內(nèi)容。剪輯：定義層的可見(jiàn)區(qū)域。 層控制面板的應(yīng)用當(dāng)處理文檔時(shí)，可以使用“層”控制面板手動(dòng)顯示和隱藏層，以查看頁(yè)如何在不同的條件下顯示。②單擊一個(gè)層的眼睛圖標(biāo)以更改其可見(jiàn)性。)另外，如果未指定可見(jiàn)性，則不會(huì)顯示眼睛圖標(biāo)(這在屬性面板中表示為“默認(rèn)”可見(jiàn)性)。注意：此過(guò)程可以將所有層設(shè)置為“可見(jiàn)”或“隱藏”，但不能設(shè)置為“繼承”。圖919 層的名稱(chēng)和Z值(1)利用“層”控制面板來(lái)調(diào)整層間的位置①把光標(biāo)放置到要改變位置的層的名稱(chēng)上，比如拖動(dòng)Layer3到Layer1下面，如圖920所示。 圖922 修改層的Z值圖層中可以放置各種文檔內(nèi)容，當(dāng)然也可以放置圖層，這就是所謂的圖層嵌套。若要在繪制層時(shí)強(qiáng)制使用自動(dòng)嵌套，可以在層參數(shù)中選擇“嵌套”選項(xiàng)。提示：在不同的瀏覽器中，嵌套層的外觀，可能會(huì)有所不同。當(dāng)目標(biāo)層的名稱(chēng)被選中時(shí)，如圖924所示，松開(kāi)鼠標(biāo)按鈕。可以設(shè)置一個(gè)參數(shù)選擇選項(xiàng)，以始終插入Netscape調(diào)整大小修復(fù)命令。例如，將圖層轉(zhuǎn)換為表格中的單元格。在啟用該選項(xiàng)后，則不能在現(xiàn)有層前面創(chuàng)建層，不能在現(xiàn)有層上移動(dòng)層或調(diào)整層大小，也不能將某個(gè)層嵌套在現(xiàn)有層中。方法一：在“層”控制面板中，請(qǐng)選擇“防止層重疊”選項(xiàng)，如圖926所示。如果出現(xiàn)重疊，請(qǐng)?jiān)凇霸O(shè)計(jì)”視圖中拖動(dòng)各重疊層以使其分離。用戶(hù)可以在層和表之間來(lái)回轉(zhuǎn)換，以調(diào)整布局并優(yōu)化網(wǎng)頁(yè)設(shè)計(jì)。(2)在彈出的“轉(zhuǎn)換層為表格”對(duì)話(huà)框中，選擇需要的布局選項(xiàng)，如圖927所示。如果選擇此選工頁(yè)，結(jié)果表格將包含較少的空行和空列，但可能與精確布局不匹配。當(dāng)禁用此選項(xiàng)后，含透明GIF，在不同的瀏覽器中可能會(huì)具有不同的列寬。注意：在模板文檔或已應(yīng)用模板的文檔中，不能將層轉(zhuǎn)換為表格或?qū)⒈砀褶D(zhuǎn)換為層。(1)單擊“修改”→“轉(zhuǎn)換”→“表格到層”命令。顯示網(wǎng)格和靠齊到網(wǎng)格：能夠使用網(wǎng)格來(lái)協(xié)助將層定位。 圖層與時(shí)間軸DHTML，也就是動(dòng)態(tài)HTML，是一種能夠具有使用腳本語(yǔ)言來(lái)改變樣式或位置能力的語(yǔ)言。通過(guò)在這條時(shí)間軸上不同的時(shí)間部位放置不同的內(nèi)容，就可以實(shí)現(xiàn)網(wǎng)頁(yè)元素的動(dòng)態(tài)效果。在Dreamweaver MX中，單擊“窗口”→“其他”→“時(shí)間軸”，可打開(kāi)“時(shí)間軸”面板。“行為”通道：是應(yīng)該在時(shí)間軸中特定幀處執(zhí)行的行為通道。關(guān)鍵幀：是動(dòng)畫(huà)條中已經(jīng)為對(duì)象指定屬性(如位置)的幀?！皶r(shí)間軸”面板的第一欄用于查看動(dòng)畫(huà)播放選項(xiàng)，如圖930所示。單擊“后退”并按住鼠標(biāo)按鈕可向后播放。該數(shù)值越小，播放速度越慢。循環(huán)：若選中該復(fù)選框，表示網(wǎng)頁(yè)打開(kāi)后，循環(huán)播放時(shí)間軸動(dòng)畫(huà)。若要修改時(shí)間軸，請(qǐng)執(zhí)行以下任一操作。若要防止其他關(guān)鍵幀移動(dòng)，按住Alt鍵并拖動(dòng)結(jié)束幀標(biāo)記。若要更改動(dòng)畫(huà)的開(kāi)始時(shí)間，可選擇一個(gè)或多個(gè)與該動(dòng)畫(huà)關(guān)聯(lián)的動(dòng)畫(huà)條(按Shift鍵可一次選擇多個(gè)動(dòng)畫(huà)條)，然后向左或向右移動(dòng)。在整個(gè)動(dòng)畫(huà)條上所做出的任何更改將更改所有關(guān)鍵幀。若要使時(shí)間軸在瀏覽器中打開(kāi)時(shí)自動(dòng)播放，可單擊“自動(dòng)播放”?？梢跃庉嫶诵袨榈膮?shù)以定義循環(huán)的次數(shù)。圖931 “重命名時(shí)間軸”對(duì)話(huà)框除了可以用時(shí)間軸移動(dòng)層之外，還可以更改層的可見(jiàn)性、大小和層疊順序，并更改圖像的源文件。在控制要更改對(duì)象的動(dòng)畫(huà)條中選擇一個(gè)現(xiàn)有關(guān)鍵幀(起始幀和結(jié)束幀始終是關(guān)鍵幀)。(2)通過(guò)執(zhí)行以下操作之一定義對(duì)象的新屬性。若要更改層的可見(jiàn)性，可從屬性面板“顯示”文本框中的彈出式菜單選擇“inherit”(繼承)、“invisible”(可見(jiàn))或“hidden”(隱藏)。并非所有瀏覽器都會(huì)動(dòng)態(tài)更改層的大小。若要管理多個(gè)時(shí)間軸，可執(zhí)行以下任一操作。若要?jiǎng)h除選定的時(shí)間軸，可選擇“修改”→“時(shí)間軸”→“移除時(shí)間軸”菜單命令。若要剪切(或拷貝)并粘貼動(dòng)畫(huà)序列，可執(zhí)行以下操作。(3)執(zhí)行以下操作之一。從“時(shí)間軸”彈出式菜單中選擇另一個(gè)時(shí)間軸。同一對(duì)象的動(dòng)畫(huà)條不能重疊，因?yàn)橐粋€(gè)層不能同時(shí)處于兩個(gè)位置(一個(gè)圖像也不能同時(shí)具有兩個(gè)不同的源)。(1)在“時(shí)間軸”面板中選擇動(dòng)畫(huà)序列并將其拷貝。以下建議可以提高動(dòng)畫(huà)的性能并使動(dòng)畫(huà)更易于創(chuàng)建。通過(guò)延長(zhǎng)動(dòng)畫(huà)條，可以在運(yùn)動(dòng)的開(kāi)始點(diǎn)和結(jié)束點(diǎn)之間創(chuàng)建更多的數(shù)據(jù)點(diǎn)，同時(shí)也會(huì)使對(duì)象更為緩慢地移動(dòng)。可以創(chuàng)建合成圖像，并移動(dòng)圖像中較小的部分。 創(chuàng)建時(shí)間軸動(dòng)畫(huà)要?jiǎng)?chuàng)建時(shí)間軸動(dòng)畫(huà)，也就是往動(dòng)畫(huà)通道上添加對(duì)象，制作動(dòng)畫(huà)條，然后構(gòu)建動(dòng)畫(huà)條上的關(guān)鍵幀，并從文檔窗口中設(shè)置對(duì)象在關(guān)鍵幀上的位置，從而實(shí)現(xiàn)動(dòng)畫(huà)的創(chuàng)作。(2)選中要制作動(dòng)畫(huà)的圖層。(5)單擊動(dòng)畫(huà)條最右邊的關(guān)鍵幀標(biāo)記，然后在文檔窗口中將圖層移動(dòng)到動(dòng)畫(huà)結(jié)束的位置，如圖936所示。選中關(guān)鍵幀標(biāo)記，然后從文檔窗口拖動(dòng)圖層，將之移動(dòng)到該幀對(duì)應(yīng)的位置上，如圖937所示。對(duì)于簡(jiǎn)單的曲線(xiàn)路徑，采用上述方法可以很輕松地制作動(dòng)畫(huà)，但是如果動(dòng)畫(huà)路徑比較復(fù)雜，則無(wú)法通過(guò)先設(shè)置關(guān)鍵幀，再拖動(dòng)圖層到指定位置的方法制作動(dòng)畫(huà)。(2)將圖層移動(dòng)到動(dòng)畫(huà)的起始位置。(5)當(dāng)希望動(dòng)畫(huà)停止時(shí)，釋放鼠標(biāo)，停止移動(dòng)圖層。
公司管理相關(guān)推薦
鄂ICP備17016276號(hào)-1