DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Dreamweaver教程 >> Dreamweaver相關 >> Dreamweaver讓網頁活蹦亂跳
Dreamweaver讓網頁活蹦亂跳
編輯:Dreamweaver相關     

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效果的網頁,因此這項新功能可以在不添加兼容性的情況下為網頁增添一些浏覽上與讀者的互動性。

  只有一步:

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

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

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved