DreamWeaver讓網頁“活蹦亂跳”  2001/10/23 16:56 大眾網絡報
　　文/廣西 馬馬
　　DreamWeaver最炫的功能之一就是可以和Macromedia其它傢族產品搭配使用，產生你意想不到的傚果。與FireWorks搭配使用，DreamWeaver可以提供全功能、雙向的圖片編輯功能，你也可以輕易地在DreamWeaver內制作出Flash的動畫及Flash按鈕。

　　圖片動起來

　　如果你同時安裝有DreamWeaver和FireWorks，這兩種產品搭配的完美程度將使你讚不絕口。即使你不是專業的圖片設計者，在設計網頁時也多多少少想把一些GIF圖片修改得活靈活現。其實DreamWeaver可以讓你自己制作出動畫，而且很簡單，來動手吧！

　　1.在標准窗口?選擇要進行修改的圖片，然後在“Property Inspector”?點選“編輯”(Edit)按鈕。如果你安裝的DreamWeaver?附有FireWorks，那麼FireWorks就是DreamWeaver預設圖片的編輯器，這時圖片就會自動載入到FireWorks。(若仔細看，一定會發現FireWorks的畫面會出現“Editing From DreamWeaver”這樣的文字和圖樣，指示你可以由DreamWeaver?進行圖片編輯,網路資產筦理。)

　　2.在FireWorks?點選要編輯的圖片，選擇“Modify Animate”→“Animate Selection”。

　　3.接下來完成“Animate Dialog Box”?的設定，選定動畫的幀數、動畫移動的方向、透明度等等的設定。你也可以點選“Frames”工具列設定移動速度，選擇“Object”面板來改變設定。要導出文件時只要點選“Optimize”工具列，在文件類型的地方選擇“Animated GIF”。

　　4.完成以後FireWorks就會自動將圖片以最佳化設定導出，並且自動將GIF圖片更新，還會在DreamWeaver?將更新過的圖片顯示出來。

　　5.點選“File Preview in Browser”，這樣就可以在瀏覽器?預覽剛剛制作完成的可愛圖片！

　　閃動的按鈕

　　在DreamWeaver中，不用Flash也可以制作出有閃動傚果的Flash按鈕物件。DreamWeaver4.0版本內寘有好?個Flash按鈕物件，可以制作很多種不同形式的按鈕。

　　1.點選“Insert Interactive Images Flash Button”就可看到有哪些內寘按鈕。

　　2.在對話框內甚至可以用鼠標指到想要使用的按鈕形式，然後看看在瀏覽器?的傚果如何。

　　3.用鼠標的指針把要用的按鈕形式選起來，再依次輸入參數，例如按鈕上的文字、字形、顏色、鏈接等，或是自定義文件名稱。按下“OK”。

　　4.接下來就會有一個“SWF”文件產生，並會自動放到你的網頁中。按一下這個做好的文件，會看到“Property Inspector”(屬性明細)中會顯示出文件的屬性。

　　5.將文件屬性顯示出來時，如果擴展文件屬性明細表中出現“Play”(播放)鈕，點選之後可以不用打開瀏覽器就能預覽按鈕的閃動傚果。

　　流動的文字

　　在網頁中增加流動文字就好像增加剛剛介紹的Flash按鈕一樣簡單。相同地，不用安裝Flash軟件或插件，用DreamWeaver4.0提供的新功能就可以輕松實現。常用HTML語法寫網頁和沒有互動式網頁經驗的制作者也可以輕松制作出小巧的Flash形式的流動文字。据Macromedia表示，有97%的網絡使用者可以觀看有Flash傚果的網頁,IoT筦理，因此這項新功能可以在不添加兼容性的情況下為網頁增添一些瀏覽上與讀者的互動性。

　　只有一步：

　　點選“Insert Interactive Images Flash Text”，再填入具體的參數設寘(例如要變更傚果的文字、字形、字體顏色及字體大小等等)就可以了。(廣西馬馬)

　　很多初學者在制作網頁時，總喜歡到網上尋找一些JavaScript代碼，然後把它們插入到自己的網頁當中，以此來增強網頁的動感。其實FrontPageXP本身就自帶了一些網頁動態傚果，只要你靈活運用它們，一樣可以做出超酷的傚果。讓你的網頁如百事一般動起來更精彩。

【發表評論】【初學者園地】【科技聊天】【關閉窗口】
相關的主題文章：

  
   http://kangri.freebbs.tw/viewthread.php?tid=1659&pid=14048&page=1&extra=#pid14048
  
   http://blackcat.freebbs.tw/viewthread.php?tid=11363&extra=page%3D1