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