fireworks教程:網(wǎng)頁(yè)切片的作用
fireworks教程:網(wǎng)頁(yè)切片的作用
最近看到很多朋友對(duì)切片有疑慮,所有又寫(xiě)了一個(gè)簡(jiǎn)單的關(guān)于切片的教程。下面小編給大家整理了關(guān)于一些fireworks教程:網(wǎng)頁(yè)切片的作用,喜歡大家喜歡。
fireworks教程:
一、切片在網(wǎng)頁(yè)制作中的作用
在網(wǎng)頁(yè)上的圖片較大的時(shí)候,瀏覽器下載整個(gè)圖片的話(huà)需要花很長(zhǎng)的時(shí)間,切片的使用使得整個(gè)圖片分為多個(gè)不同的小圖片分開(kāi)下載,這樣下載的時(shí)間就大大地縮短了,能夠節(jié)約很多時(shí)間。在目前互聯(lián)網(wǎng)帶寬還受到條件限制的情況下,運(yùn)用切片來(lái)減少網(wǎng)頁(yè)下載時(shí)間而又不影響圖片的效果,這不能不說(shuō)是一個(gè)兩全其美的辦法了。
除了減少下載時(shí)間之外,切片也還有其他一些優(yōu)點(diǎn):
* 制作動(dòng)態(tài)效果:利用切片可以制作出各種交互效果。例如前面將的按鈕的這種狀態(tài)其實(shí)最后導(dǎo)出的文件實(shí)質(zhì)上就是不同狀態(tài)的切片。
* 優(yōu)化圖像:完整的圖像只能使用一種文件格式,應(yīng)用一種優(yōu)化方式,而對(duì)于作為切片的各幅小圖片我們就可以分別對(duì)其優(yōu)化,并根據(jù)各幅切片的情況還可以存為不同的文件格式。這樣既能夠保證圖片質(zhì)量,有能夠使得圖片變小。
* 創(chuàng)建鏈接:切片制作好了之后,就可以對(duì)不同的切片制作不同的鏈接了,而不需要在大的圖片上創(chuàng)建熱區(qū)了。
二、在fireworks中創(chuàng)建切片
使用Fireworks工具箱上的切片工具可以為已經(jīng)制作好的圖片創(chuàng)建切片。如圖1所示,切片工具有兩類(lèi),分別為“矩形切片”工具(Slice tool)和“多邊形切片”工具(Polygon Slice tool)。
下面我們分別就這兩類(lèi)熱區(qū)工具的使用作介紹。
圖1 兩類(lèi)切片工具
1. 創(chuàng)建矩形切片
首先打開(kāi)圖像,選擇工具箱上的的切片工具,在圖像的適當(dāng)位置上按下鼠標(biāo)左鍵并拖動(dòng)繪制一個(gè)矩形區(qū)域,當(dāng)矩形大小適當(dāng)時(shí)釋放鼠標(biāo),這樣就生成了一個(gè)切片,如圖2所示。該切片區(qū)域被半透明的綠色所覆蓋,稱(chēng)為切片對(duì)象,另外Fireworks根據(jù)切片對(duì)象的位置以紅色分割線(xiàn)對(duì)圖像進(jìn)行了分割,稱(chēng)為切片向?qū)А?/p>
圖2 繪制矩形切片
要使切片與對(duì)象區(qū)域緊密匹配,可以和熱點(diǎn)一樣先選中要制作成為切片的對(duì)象,然后點(diǎn)擊“Edit”菜單,選擇“Insert”->“Slice”;如果選擇了多個(gè)對(duì)象,則會(huì)出現(xiàn)一個(gè)如圖3所示的對(duì)話(huà)框,選擇“Multiple”按鈕,可以創(chuàng)建多個(gè)切片,如圖4所示。
圖3 提示對(duì)話(huà)框
圖4 制作多個(gè)切片
看過(guò)“ fireworks教程:網(wǎng)頁(yè)切片的作用“的認(rèn)還看了:
1.教你Fireworks使用切片工具