Firewroks之二--按鈕

目標
在Fireworks製作按鈕。

步驟
一、做按鈕外形

1. 以向量工具（如圓或矩形）畫一按鈕外形。
2. 按Ctrl +X，剪掉按鈕外形。
   
3. 從主選單選擇「編輯」>「插入」> 「新增按鈕」。
   此時會出現按鈕對話框。
4. 按Ctrl +V。
   將按鈕外形貼入。
   
5. 從主選單選擇「視窗」 > 「對齊」。
6. 在對齊視窗內點按「畫布」，再按「水平置中對齊」，續按「垂直置中對齊」。
7. 在按鈕編輯器內修改按鈕外形的屬性。

二、疊上文字

1. 從工具列選取「文字」工具，在按鈕外形內鍵入文字如Home。用游標選取文字，選用視窗下方的「置中對齊」。
2. 從主選單選擇「視窗 > 「對齊」。
3. 在對齊視窗內點按「畫布」，點按「水平置中對齊」，續按「垂直置中對齊」。
4. 點按「滑過」標頭，點按視窗下方的「拷貝一般圖像」
   如此，會將「一般」標籤內的圖像拷貝到「滑過」關鍵影格內。
5. 點按視窗下方的功能，改變「滑過」標頭內之圖像的外框與內填色彩。
6. 點選「按下」標頭，點按視窗下方的「拷貝滑過圖像」。
   如此，會將「滑過」標籤內的圖像拷貝到「按下」標籤內。
7. 點按視窗下方的功能，改變「按下」標頭內之圖像的外框與內填色彩。
8. 點按「按下後滑過」標頭，點按視窗下方的「拷貝按下圖像」。
   如此，會將按下」標籤內的圖像拷貝到「按下後滑過」標籤內。
9. 點選「作用區域」標頭，點按視窗右下的「完成」。
10. 指定URL：點選「Active Area」標頭，點按視窗下方的「Link Wizard...」，在「Link Wizard...」視窗內點選「Link」標頭，在「URL」內鍵入指定的位址如http://cd.ntit.edu.tw。
11. 關閉Button編輯器。

三、複製按鈕

1. 將作區內的按鈕移到定位，按住「Alt」鍵（Windows）或Option鍵（Machintosh），把按鈕拉移以複製之。
2. 重復上述步驟數次，迄完成所需之按鈕數。
   
3. 點按新複製的按鈕，在作業區下方的屬性欄在之「文字」欄位內更新該按鈕文字如Home改為News。
4. 點按「連結」標頭，更改URL。
5. 為其他按鈕重復上3.及4的動作。

四、修改按鈕

1. 直接點按第一個繪製的按鈕兩下。
2. 修改它的向量外形。
3. 修改它的文字。
   

五、存檔

1. 「檔案」 > 「另存新檔」，取名英字如index，其檔案格式內定為png。
   此png檔可以讀取修改。

補充
URL分絕對URL與相對URL兩種：

• 絕對URL是完整標示出如http://www.cd.ntit.edu.tw/news/01.html。
• 相對URL表示該URL與當下使用的html之間的相對位址關係。
  檔名.htm是指在同一個資料夾內。
  
  • ./../file.htm是在往上二階的資料夾內的檔案。
  • htmldocs/file.htm是在下一階名為htmldocs的資料夾內的檔案。