fireworks網(wǎng)頁切片的方法
切片在制作網(wǎng)頁的過程中占有很重要的地位,切片的成功與否直接決定日后網(wǎng)頁制作的進(jìn)度快慢和網(wǎng)站運(yùn)行的速度,只有通過大量的練習(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中的自動拼貼功能減少垃圾切片
擴(kuò)展:多邊形工具的使用方法
1.打開作好的導(dǎo)航圖片,在第一楨做好按鈕一般狀態(tài)圖形,在第二楨上,做好按鈕over狀態(tài)圖形,如圖所示:
2.回到第一楨,在工具欄找到多邊型工具(K),如果所示:
3.然后用切片工具根據(jù)按鈕重疊的形狀,勾出多邊型切片,如圖所示:
4.然后選中切片,點(diǎn)擊右鍵,在彈出菜單中選中“添加交換圖像行為”,如圖所示:
5.在彈出菜單中,選擇當(dāng)前切片的第二楨,如圖所示:
6.然后選擇導(dǎo)出網(wǎng)頁,保存類型為“HTML和圖像”,如圖所示:
7.其它的按鈕依次類推,所作的效果如圖所示:
注意的問題:
1.多邊形切片工具不能切出圓形切片,如原圖比較復(fù)雜,可多切幾個邊,或在dw中在進(jìn)行熱區(qū)形狀編輯;
2.多邊形工具的邊數(shù)多少決定生成文件的大小,所以除非特殊需要,盡量控制多邊形的邊數(shù);