【正文】 后，即使你完全不懂ＨＴＭＬ，你也可以通過 FRONTPAGE讓你的主頁具有多種特效。 生成的主縮微圖像頁面。在你的縮微圖像頁顯示之前，你可能需要等待幾秒鐘。當 Fireworks 處理完后， Dreamweaver 再次被激活，并為你創(chuàng)建包含縮微圖像的頁面。 Fireworks 將啟動（如果之前它還沒有運行的話）并開始一個接著一個的創(chuàng)鍵縮微圖像和全尺寸圖像。 當你做完所有的設(shè)置之后，你的 Create Web Photo Album 對話框看起來可能會是這樣的。 11）通過選擇 Create Navigation Page for Each Photo（為每一個相片創(chuàng)建導(dǎo)航頁面）復(fù)選框可以為每個全尺寸圖像創(chuàng)建一個單獨的網(wǎng)頁，并在頁面上包含 Back、 Home 和 Next 導(dǎo)航連接標簽。 將縮放百分比設(shè)置為 100%將指定創(chuàng)建與原始圖像同樣大小的全尺寸圖像。另外，需要知道的是，如果你的原始圖像是 JPG 格式，生成的全尺寸圖像可能會具有比原始圖像更大的文件大小或更低的圖像畫質(zhì)。 你可以為你的全尺寸圖像和縮微圖像指定不同的格式。 9）在 Photo Format（相片格式）下拉菜單中為要創(chuàng)建的全尺寸圖像指定一種格式。 ● JPEGBetter Quality— 使用相對更高的畫質(zhì)和更大的 文件大小來創(chuàng)建 JPG格式的縮微圖像。 8）在 Thumbnail Format（縮微圖像格式）下拉菜單中為縮微圖像指定一種格式： ● GIF WebSnap 128— 使用適合 Web的 128 色調(diào)色板創(chuàng)建 GIF 格式的縮微圖像。 6）要在每一個縮 微圖像的下面顯示相應(yīng)的全尺寸圖像的名字，選擇 Show Filenames（顯示文件名）復(fù)選框。 5）在 Thumbnail Size（縮微圖像大小）下拉菜單中為縮微圖像選擇一個大小。在這個目的文件夾中將存放所有的輸出圖像和 HTML 文檔。這個文件夾中所有可以被識別的圖像文件都將被包含到相冊中。 中 國最大的管理資料下載中心 (收集 \整理 . 部分版權(quán)歸原作者所有 ) 第 15 頁 共 31 頁 如果你愿意的話，你可以在 Subheading Info（子標題信息）和 Other Info（其他信息）文本域中輸入額外的兩行文本，它們將直接出現(xiàn)在相冊標題的下面。 2）在 Photo Album Title（相冊標題）域中為 要創(chuàng)建的相冊輸入一個標題。擴展名無法被識別的那些圖像文件不會被包含在 Web 相冊中。 另外，確信圖像文件的擴展名（即圖像文件的格式）是 Create Web Photo Album 命令可以識別的。 Create Web Photo Album 命令通過使用 JavaScript 從 Dreamweaver 內(nèi)部來調(diào)用 Fireworks，因此，要想使用此功能，你的機器中必須安裝有 Fireworks。 四、創(chuàng)建 Web 相冊 Create Web Photo Album 是 Dreamweaver 極富創(chuàng)意的表現(xiàn)，你可以使用這個功能讓 Fireworks 處理一個全部都存放著圖像的文件夾，為這個圖像文件夾中的每一個圖像都創(chuàng)建一個 縮微圖像和一個全尺寸的圖像，然后使用 Dreamweaver 來創(chuàng)建一個 Web 頁面，這個頁面上包含了這些縮微圖像（這些縮微圖像被放置在這個頁面的一個表格中），并通過這些縮微圖像連接到全尺寸圖像。 總而言之，盡可能創(chuàng)建簡單的動畫，不要讓你創(chuàng)建的動畫的需求比用戶的瀏覽器能提供的更多。 ● 不要試圖讓大的位圖運動起來。但應(yīng)當清楚，大多數(shù)普通的系統(tǒng)中的瀏覽器播放動畫的速度不會比每秒 15 幀更快。如果動畫的運動看起來太過兇猛，在兩個位置間產(chǎn)生視覺上的彈跳，你就應(yīng)當拉伸動畫條的最后一幀，以便為完成大幅度的動作擴展出更多的幀。而一旦層中的圖像都被下載后，通過顯示和隱藏某些層，就可以達到很好的在圖像間進行切換的效果，每個圖像都會 被立刻顯示，不會產(chǎn)生視覺上的延遲，也不會因速度太慢而錯過某些圖像。 6． Timelines 的動畫技巧 下列建議可以改善你的動畫的性能，并使你創(chuàng)建動畫的工作變得更加輕松： 中 國最大的管理資料下載中心 (收集 \整理 . 部分版權(quán)歸原作者所有 ) 第 14 頁 共 31 頁 ● 要想產(chǎn)生在圖像間切換的效果，應(yīng)當使用顯示及隱蔽層的技術(shù)，而不是頻繁的改變圖像的源文件。因此，一旦一個 Timeline 被重命名，你對這個 Timeline 所做的所有設(shè)置（比如所有捆綁在其上的行為）都將被丟棄，這經(jīng)常會是災(zāi)難性的。 播放 這應(yīng)該是 Dreamweaver 3 中就存在的一個問題。當然，那些由 Dreamweaver 自動生成的代碼中對 Timeline 名字的引用會被自動更新。 這個警告框告訴你要手動修改那些對原 Timeline 名字的引用，因為它們無法被自動更新。 ● 直接在 Timeline 面板的 Timeline 下拉菜單中輸入一個新名字。要想將粘貼應(yīng)用到新文檔中另外的層，你可以從上下文菜單中選擇 Change Object（改變對象）或選擇 Modify Timeline Change Object，然后從彈出的對話框中選擇需要的層。 當要粘貼動畫片斷到另外的文檔中時，要記住以 下兩個原則： 中 國最大的管理資料下載中心 (收集 \整理 . 部分版權(quán)歸原作者所有 ) 第 13 頁 共 31 頁 ● 如果你拷貝了一個層的動畫片斷，而新文檔中含有一個與拷貝的層同名的層，在這種情況下當你進行動畫片段粘貼時， Dreamweaver 會在新文檔中將動畫特性應(yīng)用于同名的那個層。 但在這里有一個例外：當你將動畫條粘貼到另一個 Timeline 時，即使控制同一個對象的動畫條出現(xiàn)重疊， Dreamweaver 也不會自動的轉(zhuǎn)移這些重疊的動畫條，因此這可能導(dǎo)致無法預(yù)料的結(jié)果。 注意：用來控制同一個 對象的動畫條不能相互重疊，因為一個層不能在同一時刻出現(xiàn)在兩個地方（一幅圖像也不能在同一時刻有兩個不同的源文件）。 ● 打開另一個文檔或創(chuàng)建一個新文檔，然后在 Timeline 面板中希望粘貼的地方單擊。 3) 做下列之一： ● 將回放磁頭移動到當前 Timeline 中的另一個幀位（希望動畫片斷被粘貼的地方）。要選擇多個動畫片斷，點擊時按住 Shift 鍵，或是在 Timeline 面板中任何地方單擊一下，然后按 Ctrl+A選擇所有的動畫片斷。你也可以一次拷貝并粘貼多個動畫片斷。 3) 按住 Play 按鈕預(yù)覽一下動畫吧。 ● 要改變一個層的大小，在拖曳層的縮 放柄或在特性檢查員的 W 和 H 域中輸入新值。 注意：在改變圖像的源文件時應(yīng)當使新圖像的高度和寬度與原圖像的一致，這樣才不會發(fā)生原來圖像的高度和寬度被改變的情況，當然如果這種改變正是你所希望的，就另當別論了。 從可以看出，從幀 1到幀 14 顯示的同一個圖像（中文版圖像），在幀 15我改變了圖像的源文件，圖像在這時將改變，從幀 15 直到幀 30都顯示的是改變后的圖像（ English 圖像），同時我選擇了 Autoplay 和 Loop。 ● 要創(chuàng)建一個新的關(guān)鍵幀，在動畫條中隨意點擊一幀，然后選擇 Modify Timeline Add Keyframe（添加關(guān)鍵幀）或按住 Ctrl 鍵點擊一個幀。 3．用 Timeline 改變圖像和層的特性 除可以用 Timeline 移動層外，你還可以使用 Timeline 來改變一幅圖像的源文件及層的可見性、大小和堆疊順序等特性。 ● 要想在當前頁被瀏覽器裝載時， Timelines 自動開始播放，選擇 Autoplay 復(fù)選框。要在 Timeline 中選擇整個動畫條只需在 Timeline 面板中點擊動畫條中的非關(guān)鍵幀即可。你可以在 Timeline 面板中選擇整個動畫條，然后在頁面上將對象（層）拖曳到你希望動畫出現(xiàn)的地方，然后釋放鼠標按鈕。此時，動畫的起 始幀位為 16 幀，因為 FPS 中設(shè)置的數(shù)值為 15幀，即讓瀏覽器每秒播放 15幀，因此，在動畫條的開始時間被改變之后，動畫大約將在頁面已經(jīng)被裝載 1秒鐘之后才開始播放。此時，動畫從頁面被裝載時就開始播放。 例如：要改變下面這個動畫條的開始時間。 注意：要想拖曳整個動畫條，你需要點擊動畫條中的非關(guān)鍵幀，然后拖曳這個非關(guān)鍵幀即可。 ● 要讓層更早或更遲些到達指定的關(guān)鍵幀的位置，可以將這個關(guān)鍵幀的標記向左或向右拖動。 可以看到，動畫的運動軌跡并沒有因動畫持續(xù)時間的延長而改變，因此你可以使用這種方法產(chǎn)生慢動作的效果。 動畫條的結(jié)束幀被拖動之前（共有 25 幀）。你可以拖曳動畫條結(jié)束幀的標記到更遠的幀位，在拖動的過程中，你將發(fā)現(xiàn)在動畫條中的所有的關(guān)鍵幀的位置都在動態(tài)的改變（維持它們之間的相對位置不變）。例如增加或刪除幀、改變動畫的開始時間等等。 5）選擇 Autoplay 復(fù)選框，按 F12 在瀏覽器中欣賞一下吧。動畫的運動路徑在頁面上被繪制記錄下來。 3）選擇 Modify Timeline Record Path of Layer（記錄層的路徑）。在這個例子中，層中含有一個工作室的 Logo 圖像。 我將以下面的例子來說明如何通過拖曳一個路徑來創(chuàng)建一個 Timeline。當你在 Dreamweaver 中選擇圖像，并選擇使用 Fireworks編輯它時， Fireworks 會打開原始文件以編輯。例如： 的設(shè)計筆記將包含類似這樣的一行： fw_source = 如果圖像包含熱點或翻轉(zhuǎn)，這些項目的 HTML 源也會被加到設(shè)計筆記中。例如：如果你在 Fireworks 中打開了 ，并以 輸出。 2．在 Fireworks 和 Dreamweaver 中交流設(shè)計筆記 如果你用 Fireworks 打開一個圖片，并以另一種格式將其輸出。 如果你使用 Dreamweaver 來刪除一個被捆綁了設(shè)計筆記的文件，那么與這個文件相關(guān)的設(shè)計筆記會在文件被刪除的同時也被刪除，通常孤立設(shè)計筆記文件的存在僅僅當你在 Dreamweaver 以外進行文件的刪除和重命名時才會發(fā)生。 4）點擊 Clean Up。 2）在 Define Sites 對話框中選擇需要的站點，然后點擊 Edit。 此后，當你 Check In 或 Put 你的文件時，與文件關(guān)聯(lián)的設(shè)計筆記文件就不會上傳到遠端站點了。 4） 取消選擇 Upload Design Notes for Sharing（為共享上傳設(shè)計筆記）。 2）在 Define Sites 對話框中選擇需要的站點，然后點擊 Edit。點擊 Yes，刪除；點擊 No，保留。 5）單擊 OK。 3）在站點定義對話框中左邊的類目中選擇 Design Notes。 禁用設(shè)計筆記的步驟如下： 1）選擇 Site Define Sites。 6）選擇 Basic Info 標簽，可以注意到新的狀態(tài)值已經(jīng)顯示在 Status 下拉菜單中了。 5）在 Value 域中輸入狀態(tài)描述。 3）單擊“ +”按鈕。 要為文件指定一個沒在 Status 下拉菜單中列出的狀態(tài)： 1）打開文件或?qū)ο蟮?Design Notes。 要打開與一個文件關(guān)聯(lián)的設(shè)計筆記，可以通過以下兩種方法： ● 在站點窗口選擇這個文件（或打開這個文件），然后選擇 File Design Notes。 2）重復(fù)為文檔添加 設(shè)計筆記的 2 至 4 步。希望 Dreamweaver 在其下一個版本中真正可以在雙字節(jié)處理上有質(zhì)的突破。 的確，在超過 90%的情況下， Dreamweaver 無法打開含有中文的設(shè)計筆記文件，但 90%并不是 100%，令人困惑的是， Dreamweaver 的確可以處理為數(shù)不多的幾個漢字。 要解決這個問題，唯一的出路就是不要在設(shè)計筆記中使用中文。盡管你可以在這些域中輸入中文，但可以輸入并不等于可以再次將它打開，超過 90%的情況下， Dreamweaver 無法打開含有中文的設(shè)計筆記文件，相反它會顯示一個警告消息，告訴你在為這個文件創(chuàng)建設(shè)計筆記前，你必須將這個文件在站點中保存，而且要啟用這個站點的 Maintain Design Notes。 Dreamweaver 自己也可以打開它。你可以 使用有控制字符解釋能力的任何文本編輯器來打開它。 中 國最大的管理資料下載中心 (收集 \整理 . 部分版權(quán)歸原作者所有 ) 第 7 頁 共 31 頁 設(shè)計筆記文件實際上是一個文本文件，但其中含有一些簡單的控制字符。設(shè)計筆記文件的文件名和擁有它的文件的文件名一樣，而擴展名為 mno。 4）單擊 OK保存設(shè)計筆記。 注意：在添加任何關(guān)鍵字之前，務(wù)必要點擊“ +”按鈕，否則，你會在不經(jīng)意間覆蓋原來設(shè)置的關(guān)鍵字。如 (圖 ) 要添加一個關(guān)鍵字 /值對，點擊“ +”按鈕。 3）在 All Info 標簽中，添加你認為可能對團隊中的其它成員有用的關(guān)鍵字和值。 ● 點擊 Notes 文本域右上方的日期圖標插入當前日期。 2）在 Basic Info（基本信息）標簽中，添加不同種類的筆記： ●