【文章內(nèi)容簡介】 在 Timelines 面板中，做下列之一： ● 從動(dòng)畫條中選擇一個(gè)現(xiàn)存的、控制著要改變的對(duì)象的關(guān)鍵幀。 ● 要?jiǎng)?chuàng)建一個(gè)新的關(guān)鍵幀，在動(dòng)畫條中隨意點(diǎn)擊一幀，然后選擇 Modify Timeline Add Keyframe（添加關(guān)鍵幀）或按住 Ctrl 鍵點(diǎn)擊一個(gè)幀。 2) 通過選擇下列選項(xiàng)為對(duì)象定義新特性： ● 要改變一幅圖像的源文件，在特性檢查員中點(diǎn)擊 Src 域右邊的文件夾圖標(biāo)瀏覽并選擇一個(gè)新圖像。 從可以看出，從幀 1到幀 14 顯示的同一個(gè)圖像（中文版圖像），在幀 15我改變了圖像的源文件，圖像在這時(shí)將改變，從幀 15 直到幀 30都顯示的是改變后的圖像（ English 圖像），同時(shí)我選擇了 Autoplay 和 Loop。因此，當(dāng)頁面裝載后，你將發(fā)現(xiàn)每隔 1 秒兩個(gè)圖像就替換一次。 注意：在改變圖像的源文件時(shí)應(yīng)當(dāng)使新圖像的高度和寬度與原圖像的一致，這樣才不會(huì)發(fā)生原來圖像的高度和寬度被改變的情況，當(dāng)然如果這種改變正是你所希望的，就另當(dāng)別論了。 中 國最大的管理資料下載中心 (收集 \整理 . 部分版權(quán)歸原作者所有 ) 第 12 頁 共 31 頁 ● 要改變一個(gè)層的可見性，從特性檢查員的 Vis 下拉菜單中選擇 inherit、 visible 或 hidden。 ● 要改變一個(gè)層的大小，在拖曳層的縮 放柄或在特性檢查員的 W 和 H 域中輸入新值。 ● 要改變一個(gè)層的堆疊順序，在 ZIndex 域中輸入新值，或使用層面板改變當(dāng)前層的堆疊順序。 3) 按住 Play 按鈕預(yù)覽一下動(dòng)畫吧。 4．拷貝和粘貼動(dòng)畫 一旦有了一個(gè)喜歡的動(dòng)畫片斷，你就可以通過拷貝并將其粘貼到當(dāng)前 Timeline 的其他區(qū)域，或同一文檔中另外的 Timeline，或不同文檔中的 Timeline 中。你也可以一次拷貝并粘貼多個(gè)動(dòng)畫片斷。 要拷貝或剪切并粘貼動(dòng)畫片斷： 1) 單擊一個(gè)動(dòng)畫條中的非關(guān)鍵幀以選擇一個(gè)動(dòng)畫片斷。要選擇多個(gè)動(dòng)畫片斷，點(diǎn)擊時(shí)按住 Shift 鍵，或是在 Timeline 面板中任何地方單擊一下，然后按 Ctrl+A選擇所有的動(dòng)畫片斷。 2) 拷貝或剪切選擇的片斷。 3) 做下列之一： ● 將回放磁頭移動(dòng)到當(dāng)前 Timeline 中的另一個(gè)幀位（希望動(dòng)畫片斷被粘貼的地方）。 ● 從 Timeline 下拉菜單中選擇另一個(gè) Timeline，然后在希望動(dòng)畫片斷被粘貼的地方單擊。 ● 打開另一個(gè)文檔或創(chuàng)建一個(gè)新文檔，然后在 Timeline 面板中希望粘貼的地方單擊。 4) 執(zhí)行粘貼命令將拷貝或剪切的動(dòng)畫片斷粘貼到 Timeline 中。 注意：用來控制同一個(gè) 對(duì)象的動(dòng)畫條不能相互重疊，因?yàn)橐粋€(gè)層不能在同一時(shí)刻出現(xiàn)在兩個(gè)地方（一幅圖像也不能在同一時(shí)刻有兩個(gè)不同的源文件）。如果你正在粘貼的動(dòng)畫條將與另一個(gè)控制同一個(gè)對(duì)象的動(dòng)畫條重疊， Dreamweaver 會(huì)自動(dòng)地將粘貼的動(dòng)畫條轉(zhuǎn)移到恰好可以不重疊的那幀。 但在這里有一個(gè)例外：當(dāng)你將動(dòng)畫條粘貼到另一個(gè) Timeline 時(shí)，即使控制同一個(gè)對(duì)象的動(dòng)畫條出現(xiàn)重疊， Dreamweaver 也不會(huì)自動(dòng)的轉(zhuǎn)移這些重疊的動(dòng)畫條，因此這可能導(dǎo)致無法預(yù)料的結(jié)果。在這種情況下，你只能手工來修正。 當(dāng)要粘貼動(dòng)畫片斷到另外的文檔中時(shí)，要記住以 下兩個(gè)原則： 中 國最大的管理資料下載中心 (收集 \整理 . 部分版權(quán)歸原作者所有 ) 第 13 頁 共 31 頁 ● 如果你拷貝了一個(gè)層的動(dòng)畫片斷，而新文檔中含有一個(gè)與拷貝的層同名的層，在這種情況下當(dāng)你進(jìn)行動(dòng)畫片段粘貼時(shí)， Dreamweaver 會(huì)在新文檔中將動(dòng)畫特性應(yīng)用于同名的那個(gè)層。 ● 如果你拷貝了一個(gè)層的動(dòng)畫片斷，而新文檔中并不含有一個(gè)與拷貝的層同名的層，在這種情況下當(dāng)你進(jìn)行動(dòng)畫片段粘貼時(shí)， Dreamweaver 會(huì)將原始層連同它的內(nèi)容與動(dòng)畫片斷一起粘貼到新文檔中。要想將粘貼應(yīng)用到新文檔中另外的層，你可以從上下文菜單中選擇 Change Object（改變對(duì)象）或選擇 Modify Timeline Change Object，然后從彈出的對(duì)話框中選擇需要的層。 5．重命名 Timeline 要重命名在 Timeline 面板中顯示的 Timeline，做下列之一： ● 選擇 Modify Timeline Rename Timeline（重命名 Timeline），然后在彈出的對(duì)話框中輸入一個(gè)新名字。 ● 直接在 Timeline 面板的 Timeline 下拉菜單中輸入一個(gè)新名字。 注意：如果頁面的源代碼中含有你自己編寫的對(duì)某個(gè) Timeline 的引用，在你重命名這個(gè) Timeline 后，會(huì)彈出一個(gè)警告 框。 這個(gè)警告框告訴你要手動(dòng)修改那些對(duì)原 Timeline 名字的引用，因?yàn)樗鼈儫o法被自動(dòng)更新。這是因?yàn)?Dreamweaver 無法動(dòng)態(tài)跟蹤頁面上由你自己編寫的代碼中對(duì) Timeline 名字的引用。當(dāng)然，那些由 Dreamweaver 自動(dòng)生成的代碼中對(duì) Timeline 名字的引用會(huì)被自動(dòng)更新。 例如：下面的這行代碼就是我自己編寫的，這是對(duì) Timeline2 的引用，當(dāng)我將 Timeline2 的名字改為 Timeline1 時(shí)，這里的 Timeline2 不會(huì)自動(dòng)的更新為 Timeline1，我必須自己手動(dòng)修改才行。 播放 這應(yīng)該是 Dreamweaver 3 中就存在的一個(gè)問題。在 Dreamweaver 3 中，如果你對(duì)某個(gè) Timeline 進(jìn)行了重命名操作，那么對(duì) Dreamweaver 來說，這個(gè)重命名的 Timeline 是一個(gè)全新的 Timeline， Dreamweaver 已經(jīng)完全不記得幾秒鐘前它與這個(gè) Timeline 還是個(gè)老相識(shí)。因此，一旦一個(gè) Timeline 被重命名，你對(duì)這個(gè) Timeline 所做的所有設(shè)置（比如所有捆綁在其上的行為）都將被丟棄，這經(jīng)常會(huì)是災(zāi)難性的。 現(xiàn)在，雖然 Dreamweaver 4 已經(jīng)比 Dreamweaver 3 在對(duì) Timeline 的動(dòng)態(tài)跟蹤上前進(jìn)了一大步，不會(huì)再亂丟東西了，但仍留有問題，希望在 Dreamweaver 5中不會(huì)再出現(xiàn)這種情況。 6． Timelines 的動(dòng)畫技巧 下列建議可以改善你的動(dòng)畫的性能，并使你創(chuàng)建動(dòng)畫的工作變得更加輕松： 中 國最大的管理資料下載中心 (收集 \整理 . 部分版權(quán)歸原作者所有 ) 第 14 頁 共 31 頁 ● 要想產(chǎn)生在圖像間切換的效果，應(yīng)當(dāng)使用顯示及隱蔽層的技術(shù)，而不是頻繁的改變圖像的源文件。改變一幅圖像的源文件常常會(huì)產(chǎn)生惱人的視覺延遲，因?yàn)樾聢D像必須被下載。而一旦層中的圖像都被下載后，通過顯示和隱藏某些層，就可以達(dá)到很好的在圖像間進(jìn)行切換的效果，每個(gè)圖像都會(huì) 被立刻顯示，不會(huì)產(chǎn)生視覺上的延遲，也不會(huì)因速度太慢而錯(cuò)過某些圖像。 ● 拉伸動(dòng)畫條來創(chuàng)建更為平滑的運(yùn)動(dòng)。如果動(dòng)畫的運(yùn)動(dòng)看起來太過兇猛，在兩個(gè)位置間產(chǎn)生視覺上的彈跳，你就應(yīng)當(dāng)拉伸動(dòng)畫條的最后一幀，以便為完成大幅度的動(dòng)作擴(kuò)展出更多的幀。拉伸動(dòng)畫條將在運(yùn)動(dòng)的開始和結(jié)束點(diǎn)之間創(chuàng)建更多的數(shù)據(jù)點(diǎn)，但同時(shí)也會(huì)導(dǎo)致對(duì)象的運(yùn)動(dòng)變得緩慢，你可以試著增加每秒播放的幀數(shù)（ FPS）來抵消這種慢動(dòng)作效果。但應(yīng)當(dāng)清楚，大多數(shù)普通的系統(tǒng)中的瀏覽器播放動(dòng)畫的速度不會(huì)比每秒 15 幀更快。在不同系統(tǒng)中的不同的瀏覽器上測試動(dòng)畫以確定最好的設(shè)置。 ● 不要試圖讓大的位圖運(yùn)動(dòng)起來。的確，一個(gè)蠕動(dòng)著的大位圖可能確實(shí)蔚為壯觀，但你的這個(gè)想法或許會(huì)讓你的瀏覽者發(fā)瘋。 總而言之，盡可能創(chuàng)建簡單的動(dòng)畫，不要讓你創(chuàng)建的動(dòng)畫的需求比用戶的瀏覽器能提供的更多。因?yàn)闉g覽器總是會(huì)盡心盡力地播放動(dòng)畫中的每一幀，即使當(dāng)系統(tǒng)性能下降到不能勝任這一工作時(shí)。 四、創(chuàng)建 Web 相冊(cè) Create Web Photo Album 是 Dreamweaver 極富創(chuàng)意的表現(xiàn)，你可以使用這個(gè)功能讓 Fireworks 處理一個(gè)全部都存放著圖像的文件夾，為這個(gè)圖像文件夾中的每一個(gè)圖像都創(chuàng)建一個(gè) 縮微圖像和一個(gè)全尺寸的圖像，然后使用 Dreamweaver 來創(chuàng)建一個(gè) Web 頁面，這個(gè)頁面上包含了這些縮微圖像（這些縮微圖像被放置在這個(gè)頁面的一個(gè)表格中），并通過這些縮微圖像連接到全尺寸圖像。使用這個(gè)功能你可以輕松的創(chuàng)建你的 Web 相冊(cè)。 Create Web Photo Album 命令通過使用 JavaScript 從 Dreamweaver 內(nèi)部來調(diào)用 Fireworks，因此，要想使用此功能，你的機(jī)器中必須安裝有 Fireworks。 在你開始以前，首先將所有你要為其創(chuàng)建 Web 相冊(cè)的圖像放置到一個(gè)獨(dú)立的文件夾中，但 這個(gè)文件夾不需要在站點(diǎn)內(nèi)部。 另外，確信圖像文件的擴(kuò)展名（即圖像文件的格式）是 Create Web Photo Album 命令可以識(shí)別的。這些可識(shí)別的圖像文件擴(kuò)展名包括： gif、 jpg、 jpeg、 png、 psd、 tif 和 tiff。擴(kuò)展名無法被識(shí)別的那些圖像文件不會(huì)被包含在 Web 相冊(cè)中。 要?jiǎng)?chuàng)建一個(gè) Web 相冊(cè)： 1）選擇 Commands Create Web Photo Album，出現(xiàn) Create Web Photo Album對(duì)話框。 2）在 Photo Album Title（相冊(cè)標(biāo)題）域中為 要?jiǎng)?chuàng)建的相冊(cè)輸入一個(gè)標(biāo)題。這個(gè)標(biāo)題將被顯示在主相冊(cè)頁（包含縮微圖像的頁面）頂端的一個(gè)灰色的矩形區(qū)域中。 中 國最大的管理資料下載中心 (收集 \整理 . 部分版權(quán)歸原作者所有 ) 第 15 頁 共 31 頁 如果你愿意的話，你可以在 Subheading Info（子標(biāo)題信息）和 Other Info（其他信息）文本域中輸入額外的兩行文本，它們將直接出現(xiàn)在相冊(cè)標(biāo)題的下面。 3）單擊 Source Images Folder（源圖像文件夾）右邊的 Browse 按鈕選擇文件夾，或直接在該文本域中輸入文件夾的路徑。這個(gè)文件夾中所有可以被識(shí)別的圖像文件都將被包含到相冊(cè)中。 4）單擊 Destination Folder（目的文件夾）右邊的 Browse 按鈕選擇一個(gè)目的文件夾或者你也可以創(chuàng)建一個(gè)新的目的文件夾。在這個(gè)目的文件夾中將存放所有的輸出圖像和 HTML 文檔。 注意：你選擇的目的文件夾中不應(yīng)當(dāng)包含一個(gè)相冊(cè)，如果你選擇了一個(gè)已經(jīng)包含了一個(gè)相冊(cè)的文件夾，則如果新生成的圖像文件與文件夾中的圖像文件重名的話，就會(huì)覆蓋掉以前的圖像文件。 5）在 Thumbnail Size（縮微圖像大?。┫吕藛沃袨榭s微圖像選擇一個(gè)大小。 圖像將會(huì)按比例地創(chuàng)建相應(yīng)的縮微圖像，以適合在這里以像素指定的正方形大小。 6）要在每一個(gè)縮 微圖像的下面顯示相應(yīng)的全尺寸圖像的名字，選擇 Show Filenames（顯示文件名）復(fù)選框。 7）在 Columns（列）中為顯示這些縮微圖像的表格指定一個(gè)列數(shù)。 8）在 Thumbnail Format（縮微圖像格式）下拉菜單中為縮微圖像指定一種格式： ● GIF WebSnap 128— 使用適合 Web的 128 色調(diào)色板創(chuàng)建 GIF 格式的縮微圖像。 ● GIF WebSnap 256— 使用適合 Web的 256 色調(diào)色板創(chuàng)建 GIF 格式的縮微圖像。 ● JPEGBetter Quality— 使用相對(duì)更高的畫質(zhì)和更大的 文件大小來創(chuàng)建 JPG格式的縮微圖像。 ● JPEGSmaller File— 使用相對(duì)較低的畫質(zhì)和更小的文件大小來創(chuàng)建 JPG 格式的縮微圖像。 9）在 Photo Format（相片格式）下拉菜單中為要?jiǎng)?chuàng)建的全尺寸圖像指定一種格式。你的每一個(gè)原始圖像都將以你在這里指定的格式創(chuàng)建一個(gè)相應(yīng)的全尺寸圖像。 你可以為你的全尺寸圖像和縮微圖像指定不同的格式。 中 國最大的管理資料下載中心 (收集 \整理 . 部分版權(quán)歸原作者所有 ) 第 16 頁 共 31 頁 注意： Create Web Photo Album 命令不允許你將原始圖像作為你的全尺寸圖像，因?yàn)槿绻愕脑紙D像中含有除 GIF 和 JPG 以外的格式的話，這 些格式的圖像可能無法在所有的瀏覽器上被恰當(dāng)?shù)娘@示。另外，需要知道的是，如果你的原始圖像是 JPG 格式，生成的全尺寸圖像可能會(huì)具有比原始圖像更大的文件大小或更低的圖像畫質(zhì)。 10）在 Scale（縮放）中為全尺寸圖像選擇一個(gè)縮放百分比。 將縮放百分比設(shè)置為 100%將指定創(chuàng)建與原始圖像同樣大小的全尺寸圖像。 注意：這個(gè)縮放百分比將作用于所有的原始圖像，如果你的原始圖像并非同樣大小，設(shè)置成統(tǒng)一的百分比可能不能得到你希望的結(jié)果。 11）通過選擇 Create Navigation Page for Each Photo（為每一個(gè)相片創(chuàng)建導(dǎo)航頁面）復(fù)選框可以為每個(gè)全尺寸圖像創(chuàng)建一個(gè)單獨(dú)的網(wǎng)頁，并在頁面上包含 Back、 Home 和 Next 導(dǎo)航連接標(biāo)簽。如果你選擇了這個(gè)選項(xiàng)，縮微圖像將連接到導(dǎo)航頁；如果你沒有選擇這個(gè)選項(xiàng)，縮微圖像將直接連接到全尺寸圖像。 當(dāng)你做完所有的設(shè)置之后，你的 Create Web Photo Album