国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁(yè) > 辦公 > Fireworks > 正文

Fireworks網(wǎng)頁(yè)切片應(yīng)用詳解

2024-09-11 13:32:08
字體:
供稿:網(wǎng)友
  我們這里所說的切片(slice)就是將一幅大圖像分割為一些小的圖像切片,然后在網(wǎng)頁(yè)中通過沒有間距和寬度的表格重新將這些小的圖像沒有縫隙的拼接起來,成為一幅完整的圖像。這樣做可以減低圖像的大小,減少網(wǎng)頁(yè)的下載時(shí)間,并且能創(chuàng)造交互的效果,如翻轉(zhuǎn)圖像等,還能將圖像的一些區(qū)域用html來代替。fireworks在網(wǎng)頁(yè)切片制作方面有很強(qiáng)的優(yōu)勢(shì),今天我們就來仔細(xì)看看fireworks網(wǎng)頁(yè)切片全攻略。

  一、切片在網(wǎng)頁(yè)制作中的作用

   在網(wǎng)頁(yè)上的圖片較大的時(shí)候,瀏覽器下載整個(gè)圖片的話需要花很長(zhǎng)的時(shí)間,切片的使用使得整個(gè)圖片分為多個(gè)不同的小圖片分開下載,這樣下載的時(shí)間就大大地縮短了,能夠節(jié)約很多時(shí)間。在目前互聯(lián)網(wǎng)帶寬還受到條件限制的情況下,運(yùn)用切片來減少網(wǎng)頁(yè)下載時(shí)間而又不影響圖片的效果,這不能不說是一個(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ū)了。


  二、創(chuàng)建切片

   使用fireworks工具箱上的切片工具可以為已經(jīng)制作好的圖片創(chuàng)建切片。如圖1所示,切片工具有兩類,分別為“矩形切片”工具(slice tool)和“多邊形切片”工具(polygon slice tool)。

   下面我們分別就這兩類熱區(qū)工具的使用作介紹。


圖1 兩類切片工具


  1. 創(chuàng)建矩形切片

  首先打開圖像,選擇工具箱上的的切片工具,在圖像的適當(dāng)位置上按下鼠標(biāo)左鍵并拖動(dòng)繪制一個(gè)矩形區(qū)域,當(dāng)矩形大小適當(dāng)時(shí)釋放鼠標(biāo),這樣就生成了一個(gè)切片,如圖2所示。該切片區(qū)域被半透明的綠色所覆蓋,稱為切片對(duì)象,另外fireworks根據(jù)切片對(duì)象的位置以紅色分割線對(duì)圖像進(jìn)行了分割,稱為切片向?qū)А?


圖2 繪制矩形切片

   要使切片與對(duì)象區(qū)域緊密匹配,可以和熱點(diǎn)一樣先選中要制作成為切片的對(duì)象,然后點(diǎn)擊“edit”菜單,選擇“insert”->“slice”;如果選擇了多個(gè)對(duì)象,則會(huì)出現(xiàn)一個(gè)如圖3所示的對(duì)話框,選擇“multiple”按鈕,可以創(chuàng)建多個(gè)切片,如圖4所示。


圖3 提示對(duì)話框


圖4 制作多個(gè)切片


  2. 創(chuàng)建多邊形切片

  如圖5所示,打開一幅圖像,可以利用多邊形切片工具在多邊形的每個(gè)頂點(diǎn)單擊制作多邊形切片,如圖6所示。


圖5打開圖像


圖6 創(chuàng)建多邊形切片


   由上圖可見,圖像中的切片向?qū)匀皇撬胶痛怪钡模傻那衅募策€是矩形的。實(shí)際上多邊形切片的形狀主要是用于設(shè)置相應(yīng)的行為觸發(fā)區(qū)域的。如果切片對(duì)象被設(shè)置了鏈接,那么在瀏覽器中顯示的時(shí)候,只有點(diǎn)擊到多邊形區(qū)域時(shí)才會(huì)實(shí)現(xiàn)鏈接跳轉(zhuǎn),而在這個(gè)切片的其他區(qū)域則不會(huì)出現(xiàn)鏈接跳轉(zhuǎn)。

   同理,如果切片和對(duì)象區(qū)域完全符合或者說用戶是基于路徑對(duì)象制作切片,只需點(diǎn)擊“編輯”菜單,再選擇“insert”->“slice”即可。

   三、編輯切片

  和熱區(qū)的編輯非常類似,如果要選取切片,可以利用指針工具、部分選定工具來選中它,也可以使用層面板來進(jìn)行;選中切片之后,若要移動(dòng)切片可以利用鼠標(biāo)、方向鍵或者屬性面板的位置值。

  默認(rèn)情況下熱區(qū)是透明的綠色,如果需要改變熱切片的顏色,只需要在圖7所示的切片屬性面板中的切片顏色框中選擇所需要的顏色即可。

發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 黑山县| 班戈县| 西和县| 西林县| 个旧市| 融水| 永昌县| 盘山县| 岚皋县| 大港区| 敖汉旗| 六安市| 江津市| 清水河县| 萨迦县| 徐闻县| 长武县| 炉霍县| 和田市| 全州县| 万山特区| 措美县| 永康市| 丰顺县| 宁波市| 高邑县| 彭山县| 富阳市| 铜梁县| 崇阳县| 内丘县| 林口县| 三台县| 临汾市| 抚远县| 南华县| 读书| 南康市| 喀喇沁旗| 桐城市| 改则县|