主講：網頁設計與制作——Dreamweaver8項目十使用時間軸制作動畫任務一使用層設置公園背景和標題任務二使用時間軸設置運動效果項目十：

使用時間軸制作動畫網頁設計與制作Dreamweaver8任務一小結任務二實訓任務一使用層設置公園背景和標題

本任務將首先使用層布局頁面中的公園地圖及標題等內容。關于層的基本知識在項目九已作詳細介紹，經過本任務的學習,讀者可以進一步鞏固其具體應用。Dreamweaver8網頁設計與制作項目十：

使用時間軸制作動畫

關于本任務的基本操作過程是：（1）創(chuàng)建一個層“MapLayer”，寬度設置為“800px”，高度設置為“480px”，背景圖像設置為“images/map.gif”。使用層設置公園背景和標題操作動畫任務一小結任務二實訓

（2）在層“MapLayer”中插入一個嵌套層“TitleLayer”并進行屬性設置。

Dreamweaver8網頁設計與制作項目十：

使用時間軸制作動畫任務一使用層設置公園背景和標題

（3）設置CSS樣式并輸入文本“公園導游圖”。任務一小結任務二實訓

時間軸是與層密切相關的一項功能，它可以在Dreamweaver中實現動畫的效果。通過時間軸，可以讓層的位置、尺寸、可視性和重疊次序隨著時間的變化而改變，從而創(chuàng)建出具有Flash效果的動畫。本任務主要是利用時間軸制作人沿著公園道路前進的效果。通過本任務的學習，需要掌握的內容有：

1、了解【時間軸】面板并掌握其使用方法

Dreamweaver8網頁設計與制作項目十：

使用時間軸制作動畫任務二使用時間軸設置運動效果使用時間軸設置運動效果操作動畫任務一小結任務二實訓2、添加對象到時間軸

在主菜單中選擇【窗口】／【時間軸】命令打開【時間軸】面板，然后選定對象，并在主菜單中選擇【修改】／【時間軸】／【添加對象到時間軸】命令將對象添加到【時間軸】面板或者將對象直接拖曳到【時間軸】面板。

Dreamweaver8網頁設計與制作項目十：

使用時間軸制作動畫任務二使用時間軸設置運動效果3、快速創(chuàng)建一個復雜路徑的時間軸動畫的方法如果需要創(chuàng)建具有復雜運動路徑的動畫，可以使用錄制層路徑功能。首先在主菜單中選擇【修改】／【時間軸】／【錄制層路徑】命令，然后在文檔中拖動層來錄制路徑，最后在動畫要停止的地方釋放鼠標左鍵，這時將自動在【時間軸】面板中添加對象，并且較為合理地創(chuàng)建了一定數目的關鍵幀。也可以根據實際情況對各關鍵幀的位置適當進行調整使其更為合理。

任務一小結任務二實訓

4、改變時間軸動畫播放時間的方法在【時間軸】面板中拖動最后一個關鍵幀可以改變整個動畫的播放時間，往右拖動是延長播放時間，往左拖動是縮短播放時間。

5、設置時間軸動畫為自動循環(huán)播放的方法在【時間軸】面板中勾選【自動播放】和【循環(huán)】兩個復選框，可使時間軸動畫在頁面打開時能夠自動循環(huán)播放。Dreamweaver8網頁設計與制作項目十：

使用時間軸制作動畫任務二使用時間軸設置運動效果任務一小結任務二實訓實訓制作飛機飛行動畫

本項目著重介紹了利用層和時間軸制作動畫的基本方法。實訓將使用層和時間軸制作如圖所示的飛機飛行動畫，以進一步鞏固時間軸的應用。Dreamweaver8網頁設計與制作項目十：

使用時間軸制作動畫實訓結果文件見“項目結果”文件夾中的“shixun.htm”。【實訓目的】進一步認識時間軸的作用。

進一步鞏固手動創(chuàng)建時間軸動畫的基本方法。

進一步鞏固利用時間軸改變圖像與層屬性的方法。

任務一小結任務二實訓實訓制作飛機飛行動畫Dreamweaver8網頁設計與制作項目十：

使用時間軸制作動畫任務一小結任務二實訓小結

本項目通過公園導游圖動畫介紹了時間軸的一些基本功能和方法，同時也讓讀者對層這個概念有了更進一步的了解。