煙臺網(wǎng)頁設(shè)計教你FireworksCS5網(wǎng)頁圖像切片技術(shù)

　　對圖像進行切片處理可以加快圖片的下載速度，方便設(shè)計圖像交互操作，在網(wǎng)頁圖片中被廣泛應(yīng)用。下面我們來學(xué)習(xí)使用Fireworks制作網(wǎng)頁圖像切片的方法。

圖像切片的技術(shù)要求

　　制作網(wǎng)頁圖像切片的目的是為了獲得圖片素材并對圖片進行優(yōu)化，使得整個圖片分為多個不同的小圖片分開下載，這樣下載的時間就大大地縮短了，從而提高網(wǎng)頁加載的速度，能夠通過網(wǎng)頁設(shè)計軟件實現(xiàn)效果的部分，就不需要切片，而必須用圖像的地方，則一定要切片。另外，通過切片可以導(dǎo)出不同類型的圖片，從而有效的減小圖片的大小，再有就是切片之后的圖片便于設(shè)置超級鏈接。

圖像切片的優(yōu)化要求

　　在PhotoShop中設(shè)計好的網(wǎng)頁效果圖，需要導(dǎo)入到Dreamweaver中進行排版布局。在導(dǎo)入到Dreamweaver之前，可以使用PhotoShop或Fireworks對效果圖進行切片和優(yōu)化，然后才能夠把優(yōu)化好的切片輸出到Dreamweaver的站點中進行布局。制作網(wǎng)頁切片的軟件主要Photoshop和Fireworks，F(xiàn)ireworks在網(wǎng)頁切片制作方面有很強的優(yōu)勢，是網(wǎng)頁設(shè)計三劍客重要角色之一，所以我們采取Fireworks進形切片的制作。

圖像切片的命名要求

　　圖像切片采用Fireworks，圖片的切片采用“文件名_rX_cY”的形式進行命名,如index_r1_c2.jpg，表示index文件切片的第1行第2列圖片，由于圖片是整張效果圖切面，同一行中的各列可能存在編號不連續(xù)的情況。