利用圖層技術(shù)制作網(wǎng)(參考版)
2025-01-18 01:33本頁(yè)面
【正文】 習(xí)題？？？。(6)在時(shí)間軸面板上按到按鈕，可以在文檔窗口中預(yù)覽動(dòng)畫效果。(4)在文檔窗口中，按照所需要的路徑拖動(dòng)圖層，可以看到圖層的路徑以虛線表示，如圖938所示。在圖層上單擊右鍵，從彈出的菜單中選擇“記錄路徑”命令。單擊“修改”→“時(shí)間軸”→“錄制層路徑”菜單命令。(3)按下列操作之一錄制圖層路徑。(1)在文檔窗口中選擇要?jiǎng)?chuàng)建圖層動(dòng)畫的圖層。Dreamweaver MX提供了可記錄路徑的方法，允許直接在文檔窗口中拖動(dòng)圖層，而Dreamweaver MX在后臺(tái)記錄拖動(dòng)圖層的路徑，然后將其應(yīng)用到時(shí)間軸上，利用這種方法，可以很容易地制作各種移動(dòng)方式的圖層動(dòng)畫。(8)根據(jù)需要，選中或清除相應(yīng)的“自動(dòng)播放”復(fù)選框。重復(fù)該操作，直至所有的關(guān)鍵幀被創(chuàng)建。也可以通過(guò)單擊鼠標(biāo)右鍵，從打開的快捷菜單中選擇“增加關(guān)鍵幀”命令來(lái)添加關(guān)鍵幀。這實(shí)際上是設(shè)定了動(dòng)畫結(jié)束位置的關(guān)鍵幀。(4)拖動(dòng)動(dòng)畫條上最右端的關(guān)鍵幀標(biāo)記，可以改變動(dòng)畫條的長(zhǎng)度，即改變動(dòng)畫條的時(shí)間，如圖935所示。(3)單擊時(shí)間軸面板右上角的三角按鈕，或在面板中單擊鼠標(biāo)右鍵，打開時(shí)間軸面板編輯菜單，然后選擇“添加對(duì)象”選項(xiàng)，即可在動(dòng)畫通道中添加一個(gè)對(duì)應(yīng)該圖層的動(dòng)畫條如圖934所示。(1)首先將圖層移動(dòng)到動(dòng)畫的起始位置，該操作實(shí)際上就是指定起始位置的關(guān)鍵幀。注意：時(shí)間軸能夠移動(dòng)的主要對(duì)象是層，如果希望移動(dòng)文本或圖像之類的對(duì)象，可以先將其放置在層中，然后再設(shè)置為時(shí)間軸動(dòng)畫。即使在系統(tǒng)或Internet性能降低時(shí)，瀏覽器始終會(huì)播放時(shí)間軸動(dòng)畫中的每一幀。例如，可以通過(guò)僅制作汽車輪胎的動(dòng)畫來(lái)顯示汽車的運(yùn)動(dòng)。(3)不要制作大型位圖的動(dòng)畫制作大型圖像的動(dòng)畫會(huì)導(dǎo)致動(dòng)畫速度減慢?？蓢L試增加每秒幀數(shù)(fps)以提高速度，但應(yīng)注意在普通系統(tǒng)上運(yùn)行的大多數(shù)瀏覽器都不能支持超過(guò)15fps的動(dòng)畫速度。(2)擴(kuò)展動(dòng)畫條以創(chuàng)建更順暢的動(dòng)作如果動(dòng)畫斷斷續(xù)續(xù)并且圖像在不同位置之間跳動(dòng)，可拖動(dòng)該層動(dòng)畫條的結(jié)束幀，使動(dòng)作延伸到更多的幀。(1)顯示和隱藏層，而不是更改多圖像動(dòng)畫的源文件由于新的圖像必須進(jìn)行下載，所以切換圖像的源文件會(huì)降低動(dòng)畫的速度。(4)在出現(xiàn)的“更改對(duì)象”對(duì)話框中，選擇另一對(duì)象并單擊“確定”按鈕，如圖933所示。(2)單擊“時(shí)間軸”面板上的任一幀，然后在該幀處粘貼動(dòng)畫序列。若要將現(xiàn)有動(dòng)畫序列應(yīng)用于其他對(duì)象，可執(zhí)行以下操作。如果所粘貼的動(dòng)畫條與同一對(duì)象的另一動(dòng)畫條重疊，Dreamweaver MX會(huì)自動(dòng)將選定內(nèi)容移至第一個(gè)不重疊的幀。(4)將選定內(nèi)容粘貼到時(shí)間軸中。(2)拷貝或剪切選定內(nèi)容。(1)單擊一個(gè)動(dòng)畫條以選擇一個(gè)序列。還可以同時(shí)拷貝并粘貼多個(gè)序列。若要在“時(shí)間軸”面板中查看另一個(gè)時(shí)間軸，可從“時(shí)間軸”面板上的“時(shí)間軸”彈出式菜單中選擇一個(gè)新的時(shí)間軸，如圖932所示。若要重命名選定時(shí)間軸，可單擊“修改”→“時(shí)間軸”→“重命名時(shí)間軸”菜單命令，或者在“時(shí)間軸”面板上的“時(shí)間軸”彈出式菜單中輸入新的名稱。這將永久刪除選定時(shí)間軸中的所有動(dòng)畫。(3)按住“播放”按鈕以查看動(dòng)畫。若要更改層的大小，可拖動(dòng)該層的大小調(diào)整柄或在屬性檢查器的“寬”和“高”文本框中輸入新的值?；蛘撸部梢允褂谩皩印笨刂泼姘逯械难劬D標(biāo)來(lái)更改層的可見性。或者，可以通過(guò)按住Ctrl鍵并單擊動(dòng)畫條中的一個(gè)幀來(lái)創(chuàng)建一個(gè)新的關(guān)鍵幀。若要用時(shí)間軸更改圖像和層的屬性，可執(zhí)行以下操作。(2)在“重命名時(shí)間軸”對(duì)話框中輸入新的名稱，如圖931所示。若要重命名當(dāng)前在“時(shí)間軸”面板中顯示的時(shí)間軸，可執(zhí)行以下操作?！把h(huán)”將“轉(zhuǎn)到時(shí)間軸幀”操作插入到動(dòng)畫最后一幀后的“行為”通道。Dreamweaver MX會(huì)調(diào)整所有關(guān)鍵幀的位置。動(dòng)畫中的所有關(guān)鍵幀都會(huì)移動(dòng)，以保持其相對(duì)位置不變。定義完時(shí)間軸的基本組成部分后，可以進(jìn)行一些更改，如添加和刪除幀、更改動(dòng)畫開始時(shí)間等。“循環(huán)”在動(dòng)畫的最后一幀之后將“轉(zhuǎn)到時(shí)間軸幀”行為插入到“行為”通道中?！白詣?dòng)播放”將一個(gè)行為附加到頁(yè)的body標(biāo)簽，在頁(yè)加載時(shí)執(zhí)行“播放時(shí)間軸”操作。動(dòng)畫的幀頻率等于幀總數(shù)(即長(zhǎng)度)除以所持續(xù)的時(shí)間，即幀總數(shù)=持續(xù)時(shí)間(秒)幀頻率。播放速度：在Fps文本框中設(shè)置每秒要播放的速度，默認(rèn)值為15幀/秒。播放：將播放欄向右移動(dòng)一幀。后退：將播放欄向左移動(dòng)一幀。圖930 播放選項(xiàng)下面是用于查看動(dòng)畫的播放選項(xiàng)?！皠?dòng)畫”通道：顯示用于制作層和圖像動(dòng)畫的條。Dreamweaver會(huì)計(jì)算關(guān)鍵幀之間的中間值。不同的條無(wú)法控制同一幀中的同一對(duì)象。動(dòng)畫條：顯示每個(gè)對(duì)象的動(dòng)畫持續(xù)時(shí)間?！皶r(shí)間軸”彈出式菜單：是時(shí)間軸的選擇列表，在同一個(gè)文檔中可以設(shè)置多個(gè)時(shí)間軸，當(dāng)用戶創(chuàng)建多個(gè)時(shí)間軸時(shí)，利用該下拉列表可選擇當(dāng)前時(shí)間軸。圖929所示為一個(gè)圖片的時(shí)間軸面板?！皶r(shí)間軸”面板的主要功能是顯示層和圖像的屬性在一段時(shí)間內(nèi)如何更改。利用時(shí)間軸，可以在頁(yè)面中創(chuàng)建出各種類型的動(dòng)態(tài)效果，這些效果是通過(guò)改變層的位置、大小、可見性、重疊順序等來(lái)實(shí)現(xiàn)的，所以說(shuō)時(shí)間軸是層的好幫手。時(shí)間軸也叫時(shí)間線，顧名思義，它是一條貫穿時(shí)間的軸。時(shí)間軸在網(wǎng)頁(yè)中所獲得的效果就是利用動(dòng)態(tài)HTML語(yǔ)言來(lái)實(shí)現(xiàn)的。位于表格外的頁(yè)面元素也會(huì)放入層中。(3)單擊“確定”按鈕。顯示層面板：顯示“層”面板。(2)在彈出的“轉(zhuǎn)換表格為層”對(duì)話框中，選擇需要的選項(xiàng)，如圖928所示。將表格轉(zhuǎn)換為圖層的操作步驟如下。即應(yīng)該在非模板文檔中創(chuàng)建布局，然后再將該文檔另存為模板之前進(jìn)行轉(zhuǎn)換。選擇所需的布局工具，然后單擊“確定”按鈕。置于頁(yè)面中央：將結(jié)果表格放置在頁(yè)面的中央。當(dāng)啟用此選項(xiàng)后，不能通過(guò)拖動(dòng)表列來(lái)編輯結(jié)果表格。使用透明GIF：用透明的GIF填充表格的最后一行。最?。赫郫B空單元格，指定如果層定位在指定數(shù)目的像素內(nèi)，則層的邊緣應(yīng)對(duì)齊。圖927 “轉(zhuǎn)換層為表格”對(duì)話框若要設(shè)置“轉(zhuǎn)換層為表格”對(duì)話框，請(qǐng)指定以下任一選項(xiàng)。(1)選擇“修改
公司管理相關(guān)推薦
鄂ICP備17016276號(hào)-1