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