Dreamweaver技巧12條
發布時間：2010-01-14 共2頁
3：制作彈出式菜單導航系統
原本要制作彈出式菜單導航系統（Pop-up Menu NavigationSystem）要用到很多的一些javascript的語法和技巧，但是如果你有Dreamweaver、Fireworks Studio，即可輕輕松松快速辦到。具體做法：首先在“Fireworks”里開始，選擇某個圖片，然后在“SetPop-Up Menu”的對話框里點選“ Insert Pop-UpMenu”，你可以輸入項目（items）的名稱并點“Plus”（加入）按鈕，來新增該項目。你可以繼續在跳出來的信息框里進行細項設置，例如設置該項目所要用的文字及超鏈接，當然也可以新增子菜單，并重新安排下一層的設置。完成時，點選“Next”（下一步），繼續設置各種參數值，例如顏色、字體等等。這時菜單完成后，既可以預覽HTML語法，也可預覽圖象。再點“Finish”（完成）。這時當鼠標移動到原來的圖片時，會出現菜單系統的內容一覽。接著將制作好的文件導出時，“Fireworks”會自動生產出所有Dreamweaver 需要用到的HTML、javascript，以及圖象文件。
4：讓圖片動起來
如果你同時安裝有Dreamweaver、FireworksStudio，這兩種軟件搭配的完美程度將使你贊不絕口。即使你不是專業的圖片設計者，在設計網頁時也多多少少想把一些GIF圖片修改得活靈活現。Dreamweaver可以讓你制作動畫不求人。具體做法：在標準窗口里選擇要進行修改的圖片，然后在“PropertyInspector”里點選“編輯”（Edit）。如果你安裝的Dreamweaver里附有“Fireworks”，“Fireworks”就是Dreamweaver預設圖片編輯器，這時圖片就會自動載入到“Fireworks”。（如果仔細看，你會發現Fireworks的畫面會出現“EditingFrom Dreamweaver”這樣的文字和圖樣，指示你可以在Dreamweaver里進行圖片編輯。）好了，現在在“Fireworks”里點選要編輯的圖片，選擇“Modify Animate Animate Selection”。 接下來完成“Animate dialogbox”里的設置，選定動畫的幀數，動畫移動的方向、透明度等等設置。你也可以點選“Frames”工具設置移動速度，選擇“Object”面板來改變設置。要導出文件時，只要點選“Optimize ”工具欄，在文件類型的地方選擇“Animated GIF”。完成以后，“Fireworks”就會自動將圖片以最佳化設置導出，并且自動將 GIF圖片更新，還會在Dreamweaver里將更新過的圖片顯示出來。點選“File Preview inBrowser”，這樣就可以在瀏覽器里預覽剛剛制作完成的可愛圖片。
5：讓按鈕有閃動效果
在Dreamweaver中，不用有Flashs，也可以制作有閃動效果的Flash按鈕物體。Dreamweaver內置有好幾個Flash按鈕物體，可以制作好幾個不同形式的按鈕。具體做法：點選“InsertInteractive Images FlashButton”就可看到有那些內置按鈕。在對話框內甚至可以用鼠標指到想要使用的按鈕形式，然后看看在瀏覽器里的效果如何。用鼠標指針把要用的按鈕形式選定，再依順序輸入參數，例如按鈕上的文字、字形、顏色、超鏈接等，或是自設文件名字。按下OK。接下來就會有一個“SWF”格式的文件產生，文件并會自動導入你的網頁中。按一下這個做好的文件，會看到“PropertyInspector”（屬性明細）中會顯示出文件的屬性。將文件屬性顯示出來時，如果擴展文件屬性明細表，會出現“Play”（播放），點選之后可以不用打開瀏覽器來預覽按鈕的閃動效果。
