用
Fireworks進行切圖，可以將一個大圖片分割成不同色深的多個小圖片，並且生成相應的網頁文件或代碼，從而減小網頁的重量。今天我要告訴您的是，功能強大的Fireworks不僅可以制作靜態切圖，更能夠導出
JavaScript動態特效！
為了使文章更加生動，能夠被您輕松理解，所以我想用Fireowlks目錄下的Tutorials\Tutorial_6\T6_Images目錄中monitoir.gif作為素材。在Fireworks完全安裝後其自帶的十個特效制作教程（你可以在Help菜單中找到它們）中的第6講就關於是這種具有動態效果的切圖，可惜是E文的。
打開monitor.gif後你可以看到那上面畫的是一個電視機，現在我們要做的是將這個電視機放入一個網頁，並且當浏覽者的鼠標按下電視機上的開關後，會在屏幕中播放內容。
第一步，要在圖象上制作用來調用
Javascript的熱區，制作熱區的方和上一章中切割圖象的方法一樣，都是使用工具欄最右下方的切割工具 （SliceTool）。由於我們設想中的這個Javascript是通過按下電視機開關後在屏幕上出現變化，所以需要定義兩個熱區，分別是電視機開關和電視機屏幕。
然後選擇“Windows > Object”（Ctrl+I）選項，打開Object面板。先選中電視屏幕的熱區，Object面板即將顯示這個熱區的屬性，其中的連接地址默認為“No URL(noHREF)”也就是當前網頁的連接（#）；項內容為鼠標放到圖片上時顯示的提示；這下面那個紅色的靶心是target，用來確定連接標簽的目標的，在這兒就不多說了；最關鍵的是：不要激活 target下的“AutoName Slices”功能，而需手動給這個切割熱區起一個名字，這樣做是為了在指定behavior時能夠方便的辨認目標。還要注意的是在給slice命名時，不能使用中文，否則生成的Javascript代碼會在
浏覽器中長時間報錯。在這個例子中我給屏幕熱區起的名字是“screen”， 再以同樣的方法給電視開關取名為“button”。
接著做一個電視上要顯示的圖象，選擇“File > New”（Ctrl+N） 命令新建一個和屏幕熱區大小相同的圖片（注意：尺寸過大或過小都會被Javascript縮放到屏幕熱區的大小）。新建文件後，您可以使用工具欄上各類工具隨心所欲地畫出自己喜歡的東東（工具欄中各個繪圖工具的使用方法將在以後的教程中做詳細介紹）。對自己的作品滿意了嗎？您畫完後請選擇“File > Export”（Ctrl+Shift+R）將圖象導出為
網絡圖形。
Fireworks的圖象導出功能非常強大，但現在您只要一路NEXT就可以了，並將生成的gif文件保存到指定的目錄下。
然後回到我們剛才編輯的電視機畫面，選定開關熱區，再選擇“Windows > Behaviors”（Ctrl+Alt+H）選項，打開behaviors面板。按下添加按鈕，選擇“Swap Image”，在隨後彈出的Swap Image對話框中的“Swap Image in Slice”選項中選擇“screen”熱區（也可以在右邊的熱區畫面中直接選擇screen熱區，這樣做就可以讓button熱區調用一個使screen熱區產生變化的Javascript）；在“Source of Swap”中選擇“Image File”並在浏覽面板中指定剛才制作的那個gif圖象。最後激活“Restor Image onMouSEOut”（激活這個功能後，浏覽者將鼠標離開調用Javascript的熱區後，發生變化的圖象將恢復正常。
當上面這步完成後，behaviors面板中將出現一個“OnMouSEOver”的件處理器，這就說明剛才做的熱區已經成功調用了Javascript。但我們期的效果是當鼠標按下開關後才在電視屏幕中顯示內容，所以請按下“ OnMouSEOver”旁的下拉菜單按鈕，在彈出的菜單中選擇“OnClick”。好，到這兒基本上該完工了。想看看作品的效果如何嗎？選擇“File > Preview in Browser > PrevIEw in ...”（F12）命令，就可以在新窗口中預覽剛才的作品了。
達到預期效果了嗎？滿意的話就可以導出成品了，這兒有個小技巧，由於Fireworks的預覽功能已經生成了臨時的圖形和
Html文件，所以如您使用IE5行預覽的話，可以直接在自己滿意的預覽窗口中將所以文另存，就可以免去導出步驟而得到完整的作品了。