前言

Fireworks 同樣能做出優秀網頁設計，關鍵在於用心。

最終效果

關鍵知識：畫布尺寸與瀏覽器相容

• 高度無固定值（工具列高度不一）。
• 寬度建議：1024 解析度減 21（IE6）、減 19（Firefox）、減 23（Opera）。安全值設 1000px；800 解析度設 770px。實際常設 990/760 留白。

佈局規劃

用輔助線劃分 770px 核心內容區與 1000px 擴展區，確保低解析度用戶見到主要內容。

元件製作示範

上部選單

矩形+圓形組合，線性漸變填充。

徽章裝飾

多邊形工具繪製，調整圖層順序並鎖定避免誤移。

細節技巧

對角線紋理漸變

矩形 + 線性漸變 + 對角線紋理 + 調整透明度。

產品資訊框

矩形紅色外框 + 內部發光淺灰。

右上角網格底紋

矩形 + 蒙版 + 漸變。

結語

Fireworks 配合切片與 Dreamweaver 整合，網頁設計流程更順暢。