網頁切圖時，若導航按鈕呈現不規則形狀或存在重疊區域，矩形切片無法精準對應熱區。Fireworks 的「多邊形切片工具」正是為此設計。本教學將示範如何利用此工具精準切割重疊導航，並配合「交換圖像」行為製作滑鼠懸停效果。

應用場景

操作步驟

1. 準備狀態幀： 幀 1 放置按鈕常態圖，幀 2 放置按鈕 Over 狀態圖（如發光、變色）。
2. 啟用多邊形切片工具 (K)： 在工具列選取，或長按切片工具圖示切換。
3. 勾勒精準熱區： 在幀 1 上，沿著按鈕實際可見輪廓（扣除重疊遮擋部分）點擊繪製多邊形切片，精確包裹按鈕形狀。

4. 添加交換圖像行為： 右鍵點擊切片，選擇「添加交換圖像行為」，目標幀選擇幀 2。
5. 批量處理其他按鈕： 依序對每個按鈕重複上述操作。
6. 匯出網頁： 選單 檔案 > 匯出，存檔類型選「HTML 與圖片」，Fireworks 將自動生成帶有 onmouseover/onmouseout 事件的 HTML 與對應切圖。

注意事項

• 多邊形切片無法繪製真正圓形，複雜曲線需多增加邊數逼近，或匯出後在 Dreamweaver 中以熱區地圖微調。
• 切片邊數越多，生成 HTML/JS 代碼越龐大，建議在精度與性能間取得平衡。

掌握此技巧，即可在 FW 內完整完成從設計、切圖、互動行為綁定到網頁匯出的全流程，無需外部工具輔助。