使用層和時間軸ppt課件(參考版)
2025-01-22 10:31本頁面
【正文】 補充： 時間軸內(nèi)可以添加： ?層（ apDiv） ?圖片（ Image） 課堂練習(xí) ——時尚禮品屋 。 增加關(guān)鍵幀 選擇整個動畫條，選擇 “ 修改 時間軸 增加關(guān)鍵幀 ” 命令，在當(dāng)前的播放頭位置加入關(guān)鍵幀。 添加、刪除幀 添加幀 打開 “ 時間軸 ” 面板，將播放頭移到要添加幀的位置，選擇 “ 修改 時間軸 添加幀 ” 命令，在播放頭右側(cè)加入一幀。 要 移動整個動畫路徑 的位置，首先應(yīng)選擇整個動畫條，然后在頁面上拖動層對象。當(dāng)選中最后一個關(guān)鍵幀時，向右拖曳是增加播放時間，向左拖曳是縮短播放時間。 （ 1）打開一個動畫的 “ 時間軸 ” 面板。 （ 4）按住 “ 時間軸 ” 面板中的 “ 播放 ” 按鈕 不放，在頁面中預(yù)覽動畫。在文檔中拖曳該層，拖曳的軌跡為層運動的路徑。在文檔窗口中將層移至動畫開始時應(yīng)處于的位置，并將播放頭放置在 “ 時間軸 ” 面板中適當(dāng)?shù)膸蛱柼帯? 錄制層路徑 如果想制作沿任意軌跡運動的動畫，可以使用 “ 錄制層路徑 ” 命令。 時間軸只能移動層 ，若要使圖像或文本移動，必須先創(chuàng)建一個層，然后在該層中插入圖像、文本或其他任何類型的內(nèi)容。 選擇 “ 窗口 時間軸 ” 命令，可以啟用“ 時間軸 ” 面板。使用“ 記錄 AP元素的路徑 ” 命令制作層沿著繪制的路徑移動效果。創(chuàng)建動畫的時候，各種元素先放置到層中，然后再結(jié)合時間軸創(chuàng)建動態(tài)效果。 時間軸里的層叫做動畫欄，時間軸的基本單位是幀，整個時間軸由許多幀構(gòu)成，這些幀在頁面中連續(xù)播放就構(gòu)成了時間軸動畫。 時間軸動畫是通過讓層的位置、可見性和疊加順序等屬性隨時間變化所生成的動畫。其主要原因就在于它是通過向文檔中添加 JavaScript代碼實現(xiàn)動態(tài)效果的，不需要其他控件、插件或 Java小程序的支持，具有很好的兼容性。在不使用時間軸的情況下，要實現(xiàn)網(wǎng)頁中元素的移動，需要寫出非常復(fù)雜的代碼。 不能轉(zhuǎn)換單個表格或?qū)樱荒軐⒄麄€網(wǎng)頁的層轉(zhuǎn)換為表格或?qū)⒄麄€網(wǎng)頁的表格轉(zhuǎn)換為層。 將表格轉(zhuǎn)換為 AP Div 當(dāng)不滿意頁面布局時，就需要對其進(jìn)行調(diào)整，但層布局要比表格布局調(diào)整起來方便，所以需要將表格轉(zhuǎn)換為 AP Div。 將 AP Div轉(zhuǎn)換為表格 防止層重疊 因為表單元格不能重疊，所以 Dreamweaver CS3無法從重疊層創(chuàng)建表格。 層靠齊到網(wǎng)格 更改網(wǎng)格設(shè)置 查看 網(wǎng)格設(shè)置 網(wǎng)格設(shè)置 應(yīng)用層設(shè)計表格 將 AP Div轉(zhuǎn)換為表格 將表格轉(zhuǎn)換為 AP Div 因為早期版本的瀏覽器不能顯示使用層布局的網(wǎng)頁，為了實現(xiàn)較復(fù)雜的效果又需要將早期使用表格布局的網(wǎng)頁轉(zhuǎn)換成層。層與網(wǎng)格線之間靠齊的距離是可以設(shè)定的。無論網(wǎng)格是否可見，都可以使用靠齊。 應(yīng)用 “ 屬性 ” 面板 對齊層 在文檔窗口中選擇多個層，在屬性面板的 “ 上 ” 輸入具體值，則以多個層的上邊線相對于頁面頂部的位置來對齊。對齊兩個或更多個層有以下幾種方法。當(dāng)對選定層進(jìn)行對齊時，未選定的子層可能會因為其父層被選定并移動而隨之移動。 首先要選中要移動的層： 拖曳選擇柄來移動層 移動一個像素來移動層 ? 使用方向鍵，直接以一個像素來移動層； ? 按住 Shift鍵的同時按方向鍵，則按當(dāng)前網(wǎng)格靠齊增
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號-1