功能簡介

Fireworks 內建「彈出選單」功能，可快速產出純 HTML/CSS/JS 的下拉選單，無需手寫代碼，適合快速原型或靜態網頁導航製作。

四大階段操作

1. 建立標題按鈕

1. 新建圖像，用「矩形工具」畫出按鈕底圖。
2. 用「文字工具」輸入按鈕文字（如「產品介紹」）。

2. 轉換為切片並加入彈出選單

1. 選取按鈕矩形 →「插入」→「切片」。
2. 保持切片選取狀態 →「插入」→「彈出選單」。
3. 彈出視窗中：
   - 「文字」欄輸入子選單項目名稱。
   - 「連結」欄輸入目標網址。
   - 點「+」新增項目，重複至完成。
   - 可拖曳調整項目順序、編輯或刪除。
4. 點「下一步」進入外觀設定：可選「HTML 格式」（純文字、可樣式化）或「圖片格式」（固定視覺）。
5. 完成設定點「完成」。

3. 子選單定位

1. 選取切片，畫面會出現藍色虛線框標示子選單位置。
2. 滑鼠移至虛線框邊緣游標變手型時，拖曳至理想位置（通常對齊按鈕下方）。

4. 預覽與發布

必須在瀏覽器中預覽：「檔案」→「在瀏覽器預覽」(F12)，滑鼠移上按鈕即可測試下拉效果。匯出時選「HTML 與圖片」，即可獲得完整可用的導航代碼與圖片資源。

注意事項

• 生成的 JS 代碼較舊，現代專案建議改用 CSS/JS 框架重寫。
• 圖片格式選單會增加圖片請求，HTML 格式較輕量且利 SEO。