■ fireworks 4/dreamweaver 4雙劍合壁造彈出菜單

　　與圖形設計制作軟件的龍頭老大-adobe公司的photoshop相比，macromedia公司的fireworks 4(以下簡稱fw4)可謂短小精悍，同時，她對于網(wǎng)頁圖形制作的強大支持，也使其輕松獲取了大批網(wǎng)頁設計師的信任和追隨。配合macromedia網(wǎng)頁制作三劍客中的另一位大名鼎鼎的劍客dreamweaver 4(以下簡稱dw4)，fw4可以輕而易舉地做出時下網(wǎng)頁中甚為流行的彈出菜單(亦稱下拉菜單)。如果你對dhtml網(wǎng)頁編程不甚熟悉，看到代碼就頭疼，不如跟隨筆者一起親身體驗fw4的魅力所在吧！

一、 在fw4中制作菜單

1．制作母菜單按鈕

　　打開fw4，選擇file菜單下的new，或者按ctrl+n快捷鍵，如圖一新建一個文件，尺寸200x30像素，精度72像素/英寸，背景透明。

　　選擇window菜單下的tools打開工具面板，從工具面板上選擇矩形工具，

　　畫一個100x30像素大小的矩形，選擇window菜單下的info打開信息面板，直接輸入數(shù)值精確調整尺寸和位置；

選中這個矩形，ctrl+c復制，ctrl+v原地粘貼，這時候兩個矩形重疊，將上面這個矩形拖到旁邊，同樣使用信息面板定位；

然后分別選中這兩個矩形，調整它們的填充色和邊框色，方法有兩種，一是利用工具面板上的color工具區(qū)里的stroke和fill按鈕，

　　二是選擇window菜單下的stroke和fill分別打開線型面板和填充面板，在面板上選擇，注意的是線型要選"pencilà1-pixel hard"或"basicàhard line"(如圖)，

　　這樣輸出后才能做出細邊框效果；從工具面板上選擇文字工具，輸入文字，注意選擇文字的平滑度為no anti-alias（關閉反鋸齒，如圖），

　　然后同時選中文字和其中一個矩形，從modify菜單下的align中分別選擇center vertical和center horizontal來對齊文字和矩形，效果如圖所示。

2．制作彈出菜單條目

　　同時選中對齊后的文字和矩形，選擇insert菜單下的convert to symbol，或在矩形上點鼠標右鍵，在右鍵菜單里選convert to symbol，或者按f8快捷鍵，在彈出對話框里的type中選button(按鈕)，將這個矩形轉換成一個按鈕對象，

這時，將鼠標移到按鈕對象中間的圓形標志上鼠標會變成手形，單擊圓形標志，在彈出菜單中選擇add pop_up menu…，

　　然后就可以在彈出的set pop-up menu設置窗中設置你的彈出菜單了。如下圖，筆者已經(jīng)設置了一些菜單條目。

　　大家可以在text中設置條目的文字名稱，在link中設置條目的鏈接路徑，在target中設置打開鏈接的目標窗口，設置完后點一下"+"按鈕就可以生成一個菜單條目了；如果想刪掉，點中條目，再點"-"按鈕就可以刪除條目；如果想修改條目設置，只需點中條目，修改各項設置后點change按鈕即可。fw4的彈出菜單是可以做多級