使用时间轴将图层做成动画.pdfVIP

使用時間軸將圖層做成動畫 動態 HTML ( 或 DHTML) 表示 HTML 與 Script 程式語言 ( 可讓您變更 HTML 元素的樣式 或定位屬性) 的結合。時間軸 ( 在 Dreamweaver 中) 使用動態 HTML 隨時間變更圖層和影像的 屬性。使用時間軸建立動畫並不需要任何 ActiveX 控制項、外掛程式或 Java Applets ( 但一定要 有 JavaScript) 。 注意︰動態這個字在不同的網站相關內容中，意義也有所不同。不要將動態 HTML 與動態網頁的概念搞混了，後者表示 網頁在提供給瀏覽者之前是由伺服器端程式碼動態產生的。 時間軸可以讓您變更圖層的位置、大小、顯示和堆疊順序 ( 時間軸的圖層函式只可以在 4.0 版或 更新的瀏覽器中使用) 。如果要在頁面載入後產生其他動作，時間軸也很有用處。例如，時間軸 可以變更影像標籤的原始檔案，讓不同的影像隨時間出現在頁面中。 若要查看時間軸產生的 JavaScript 程式碼，請開啟「文件」視窗的「程式碼檢視」。時間軸程 式碼在MM_initTimelines 函式 ( 在文件 head 區段的script 標籤內) 。 編輯文件的 HTML ( 含有時間軸) 時，請確定您沒有移動、重新命名或刪除時間軸所參考到的 任何項目。 使用時間軸面板 「時間軸」面板會顯示圖層和影像的屬性隨時間變更的方式。選擇「視窗＞時間軸」，開啟「時 間軸」面板。 時間軸彈出式選單 播放頭 影格編號 行為控制板 動畫列 關鍵影格 動畫控制板 1 時間軸彈出式選單指定目前顯示在「時間軸」面板中的文件時間軸。 播放頭指示目前顯示在「文件」視窗中的時間軸影格。 影格編號表示影格的順序號碼。「後退」和「播放」按鈕之間的數字就是目前的影格編號。您可 以設定影格總數和每秒的影格數 (fps) ，控制動畫的持續時間。每秒 15 影格的預設值對大多數在 一般 Windows 和 Macintosh 系統執行的瀏覽器來說，是不錯的平均速率。 注意︰較快的速率不一定能增進效能。即使影格無法獲得指定的影格速率，瀏覽器還是會播放動畫的每一個影格。如果影 格速率比瀏覽器所能處理的要高，則影格速率會被忽略。 快顯選單包含各種時間軸相關命令。 行為控制板是時間軸中特定影格上應執行的行為的控制板。 動畫列顯示每個物件的動畫持續時間。單獨一列可以包含多個代表不同物件的控制列。不同控制 列不能控制相同影格中的相同物件。 關鍵影格是控制列中的影格，您在控制列中已經指定物件的屬性 ( 例如位置 ) 。Dreamweaver 會 替關鍵影格之間的影格計算中間值。關鍵影格由小圓圈標示。 動畫控制板顯示動畫圖層和影像的控制列。 播放選項 以下是用來檢視動畫的播放選項。 「倒帶」移動播放頭到時間軸中的第一個影格。 「後退」將播放頭向左移動一個影格。按下「後退」並按住滑鼠按鈕，可以將時間軸倒帶播放。 「播放」將播放頭向右移動一個影格。按下「播放」並按住滑鼠按鈕，可以將時間軸向前播放。 「自動播放」會在目前頁面在瀏覽器中載入時，使時間軸進行自動播放。「自動播放」會附加行為 至頁面的body 標籤，在頁面載入時執行「播放時間軸」動作。 「重複」使頁面在瀏覽器中開啟時，不斷重複目前的時間軸。「重複」會在動畫的最後影格之後， 將「前往時間軸影格」行為插入「行為」控制板中。按兩下「行為」控制板中的行為標記，可 以編輯這個行為的參數並變更重複的次數。 使用時間軸動畫移動圖層 最常見的時間軸動畫類型包括沿著路徑移動圖層。時間軸只會移動圖層。若要讓影像或文字移 動，請使用「插入」面板上的「繪製圖層」按鈕建立圖層，然後在圖層中插入影像、文字或任 何其他類型的內