一、切片在網(wǎng)頁制作中的作用
在網(wǎng)頁上的圖片較大的時(shí)候,瀏覽器下載整個(gè)圖片的話需要花很長的時(shí)間,切片的使用使得整個(gè)圖片分為多個(gè)不同的小圖片分開下載,這樣下載的時(shí)間就大大地縮短了,能夠節(jié)約很多時(shí)間。在目前互聯(lián)網(wǎng)帶寬還受到條件限制的情況下,運(yùn)用切片來減少網(wǎng)頁下載時(shí)間而又不影響圖片的效果,這不能不說是一個(gè)兩全其美的辦法了。
除了減少下載時(shí)間之外,切片也還有其他一些優(yōu)點(diǎn):
* 制作動(dòng)態(tài)效果:利用切片可以制作出各種交互效果。例如前面將的按鈕的這種狀態(tài)其實(shí)最后導(dǎo)出的文件實(shí)質(zhì)上就是不同狀態(tài)的切片。
使用Fireworks工具箱上的切片工具可以為已經(jīng)制作好的圖片創(chuàng)建切片。如圖1所示,切片工具有兩類,分別為“矩形切片”工具(Slice tool)和“多邊形切片”工具(Polygon Slice tool)。
下面我們分別就這兩類熱區(qū)工具的使用作介紹。
1. 創(chuàng)建矩形切片
首先打開圖像,選擇工具箱上的的切片工具,在圖像的適當(dāng)位置上按下鼠標(biāo)左鍵并拖動(dòng)繪制一個(gè)矩形區(qū)域,當(dāng)矩形大小適當(dāng)時(shí)釋放鼠標(biāo),這樣就生成了一個(gè)切片,如圖2所示。該切片區(qū)域被半透明的綠色所覆蓋,稱為切片對象,另外Fireworks根據(jù)切片對象的位置以紅色分割線對圖像進(jìn)行了分割,稱為切片向?qū)А?
圖2 繪制矩形切片
圖4 制作多個(gè)切片
2. 創(chuàng)建多邊形切片
如圖5所示,打開一幅圖像,可以利用多邊形切片工具在多邊形的每個(gè)頂點(diǎn)單擊制作多邊形切片,如圖6所示。
圖6 創(chuàng)建多邊形切片
由上圖可見,圖像中的切片向?qū)匀皇撬胶痛怪钡模傻那衅募策€是矩形的。實(shí)際上多邊形切片的外形主要是用于設(shè)置相應(yīng)的行為觸發(fā)區(qū)域的。假如切片對象被設(shè)置了鏈接,那么在瀏覽器中顯示的時(shí)候,只有點(diǎn)擊到多邊形區(qū)域時(shí)才會(huì)實(shí)現(xiàn)鏈接跳轉(zhuǎn),而在這個(gè)切片的其他區(qū)域則不會(huì)出現(xiàn)鏈接跳轉(zhuǎn)。
同理,假如切片和對象區(qū)域完全符合或者說用戶是基于路徑對象制作切片,只需點(diǎn)擊“編輯”菜單,再選擇“Insert”->“Slice”即可。
新聞熱點(diǎn)
疑難解答
圖片精選