八、建立切片

導航與頁面結構完成，需為各元件建立切片。切片是輸出圖形與產生交互行為的關鍵參考物件。導出時 Fireworks 依切片切割圖形並透過表格重組，所有交互效果（翻轉、彈出選單）皆由切片關聯實現。

步驟：

1. 先前按鈕已內建切片，這裡為其他物件分別建立切片。
2. 常用方式：工具面板選 Slice 工具 直接繪製；需精確控制大小可先選目標物件，右鍵選 Insert Slice 自動插入。
3. 頁面中央繪製資訊顯示切片，後續將顯示導航按鈕對應詳細資訊。

新切片預設綠色半透明，統一置於 Web Layer。

九、創建拖拽翻轉效果

1. 點擊「企業概況」按鈕切片，中心出現圓形標誌。拖曳至資訊切片左上角設定翻轉，彈出對話框設滑鼠滑過時交換為第二幀內容。
2. 重複為「企業人才」、「產品展示」按鈕加翻轉效果，對應第三、四幀。
3. 後續各幀相同位置放置對應按鈕說明文字。

完成即得完整互動翻轉效果。