|
5. 切片完成后，選擇Fireworks CS3中的【2幅】窗口，如圖1-27所示。在這個(gè)窗口的左側(cè)，是可編輯的原圖，而在這個(gè)窗口的右側(cè)，則是優(yōu)化以后的圖像。在這個(gè)窗口的下方，可以看到詳細(xì)的關(guān)于每一個(gè)切片的文件量和下載時(shí)間等信息。
Fireworks的【2幅】窗口
6. 按快捷鍵【F6】，打開Fireworks CS3的【優(yōu)化】面板，使用【指針】工具，在【2幅】窗口的左側(cè)依次選擇切片，然后在【優(yōu)化】面板中進(jìn)行相應(yīng)的優(yōu)化操作，最終優(yōu)化后的圖像效果，可以在【2幅】窗口的右側(cè)進(jìn)行觀察，如圖所示。
對切片進(jìn)行優(yōu)化
7. 對每一張切片進(jìn)行優(yōu)化后，就可以導(dǎo)出所有的圖像素材了。選擇【文件】@@【導(dǎo)出】命令（快捷鍵為【Ctrl+Shift+R】），會(huì)彈出Fireworks CS3的【導(dǎo)出】對話框，如圖所示。
Fireworks CS3的【導(dǎo)出】對話框
8. 在【導(dǎo)出】對話框中的【導(dǎo)出】下拉列表中選擇【HTML和圖像】選項(xiàng)，這樣可以激活面板右下角的【選項(xiàng)】按鈕，單擊【選項(xiàng)】按鈕，打開【HTNL設(shè)置】對話框，如圖所示。
【HTML設(shè)置】對話框
經(jīng)典論壇討論：
http://bbs.blueidea.com/thread-2774250-1-1.html
出處：藍(lán)色理想
責(zé)任編輯：ishiwei
上一頁 Fireworks CS3切片工具的使用 [1] 下一頁 Fireworks CS3切片工具的使用 [3]
◎進(jìn)入論壇網(wǎng)頁制作、WEB標(biāo)準(zhǔn)化版塊參加討論，我還想發(fā)表評論。
|
第 1 頁 
第 2 頁 Fireworks CS3切片工具的使用 [2]
