學(xué)習(xí)啦>學(xué)習(xí)電腦>工具軟件>圖像處理教程>Fireworks>

fireworks網(wǎng)頁切片的方法

時間: 健麗747 分享

  切片在制作網(wǎng)頁的過程中占有很重要的地位,切片的成功與否直接決定日后網(wǎng)頁制作的進度快慢和網(wǎng)站運行的速度,只有通過大量的練習(xí)才能體會切片的含義。下面學(xué)習(xí)啦小編給大家整理了更多關(guān)于fireworks網(wǎng)頁切片的方法,希望大家喜歡。

  fireworks網(wǎng)頁切片的方法:

  一、 Fireworks中按鈕的制作方法

  二、 切片的作用:

  1. 切片是將圖片轉(zhuǎn)換成可編輯網(wǎng)頁的一座橋梁,通過切片才可以將普通圖片變成Dreamweaver可以編輯的網(wǎng)頁格式

  2. 切片后的圖像可以更快的在網(wǎng)絡(luò)上傳播

  3. 切片后的圖像也是網(wǎng)頁中片的主要來源

  三、 切片的方法:

  1. 切片首先保證切出網(wǎng)頁中需要多次修改的區(qū)域,例如文字區(qū)域

  2. 切片圖像的大小盡量保持在15K以內(nèi)(便于網(wǎng)絡(luò)傳輸)

  3. 充分利用Dreamweaver中的自動拼貼功能減少垃圾切片

  擴展:多邊形工具的使用方法

  1.打開作好的導(dǎo)航圖片,在第一楨做好按鈕一般狀態(tài)圖形,在第二楨上,做好按鈕over狀態(tài)圖形,如圖所示:

  2.回到第一楨,在工具欄找到多邊型工具(K),如果所示:

  3.然后用切片工具根據(jù)按鈕重疊的形狀,勾出多邊型切片,如圖所示:

  4.然后選中切片,點擊右鍵,在彈出菜單中選中“添加交換圖像行為”,如圖所示:

  5.在彈出菜單中,選擇當(dāng)前切片的第二楨,如圖所示:

  6.然后選擇導(dǎo)出網(wǎng)頁,保存類型為“HTML和圖像”,如圖所示:

  7.其它的按鈕依次類推,所作的效果如圖所示:

  注意的問題:

  1.多邊形切片工具不能切出圓形切片,如原圖比較復(fù)雜,可多切幾個邊,或在dw中在進行熱區(qū)形狀編輯;

  2.多邊形工具的邊數(shù)多少決定生成文件的大小,所以除非特殊需要,盡量控制多邊形的邊數(shù);

687480