DIV CSS 佈局教程網

◆ 教 程 總 覽

這個教程讓您在大約一個小時的時間內掌握 Firworks 的關鍵功能。要了解教程中介紹的所有功能的詳細資料請查看《用戶手冊》。在這個教程，您將要完成一個虛構的咖啡公司的主頁，在您開始工作之前，打開這個已完成的文件看看您將要作些什麼？

1 啟動 Fireworks，選擇 File>Open，然後進入 Fireworks 3 所在文件夾下的 Tutorial 目錄，打開 Tutorial_Final.png 。

2 點擊工具條最下面的顯示熱點區和隱藏區(Show Hotspots and Slices)按鈕。一個綠色和藍色的矩形區域將出現並覆蓋在圖像中指定的 Hotspots 和 Slices 上。 您將學會如何創建和使用一個熱點區(Hotspots)和分割區(Slices) 。

3 按下隱藏熱點區和分割區 (Hide Hotspots and Slices) 按鈕。

4 如果您願意，選擇 VIEw>Zoom Out 將這個已完成的作品縮小一點，讓他在您工作的時候一直打開。當然，如果您不想這麼做，請選擇 File>Close 。現在就來打開本教程的第一個文件。

5 選擇 File>Open，打開在 Tutorial 目錄下的 Tutorial_Start.png 文件。

6 選擇 File>Save As。將這個文件重新命名為 my_work 然後點擊保存。