fireworks網(wǎng)頁優(yōu)化制作

時(shí)間：2025-11-04 07:06:51 網(wǎng)頁設(shè)計(jì)

　　經(jīng)常做網(wǎng)頁的朋友想必對Fireworks一定不會陌生。它的圖片壓縮功能是我比較愛使用的工具之一,因?yàn)樗鼘W(wǎng)絡(luò)圖形的壓縮質(zhì)量和尺寸還是比較令人滿意的。下面小編跟分享了更多關(guān)于fireworks網(wǎng)頁優(yōu)化制作，希望你喜歡。

　　fireworks網(wǎng)頁優(yōu)化制作的方法步驟：

　　WEB上常用的圖像是GIF和JPEG兩種格式，GIF是最流行的網(wǎng)絡(luò)圖形格式。盡管這種格式只能使用256色，但是卻能夠提供良好的、損失極少的壓縮比。另外GIF格式還能做成透明的和多幀動畫。JPEG格式支持24位的真色彩，常用來保存照片圖像。

　　網(wǎng)絡(luò)中的圖像常常要求在圖線質(zhì)量允許的情況之下盡可能的小，優(yōu)化圖像就是尋找圖像大小和圖像質(zhì)量的最佳結(jié)合點(diǎn)。在Fireworks中可以使用優(yōu)化面板進(jìn)行優(yōu)化，優(yōu)化圖像是使用圖像的第一步。

　　單擊優(yōu)化選項(xiàng)卡，打開優(yōu)化面板(圖一)。圖一打開文件格式下拉列表(圖二)選擇一種文件格式。

　　單擊調(diào)色板下拉列表(圖三)，常用的調(diào)色板有三種Web216、Adaptive、Websnap Adaptive，從調(diào)色板列中選擇一種調(diào)色板。color參數(shù)下拉列表可以指定顏色數(shù)。

　　Dither參數(shù)下拉列表控制抖動方式優(yōu)化圖像的抖動，增加抖動會增加圖像的大小。

　　Loss參數(shù)控制著圖像的損失量，增大Loss可以減少圖像文件的大小。

　　透明類型下拉列表可以指定圖像是否透明。使用透明選項(xiàng)卡下民的三個(gè)按鈕就可以將某些顏色指定為透明。

　　單擊文件頂部的預(yù)覽按鈕，可以觀察優(yōu)化后的結(jié)果。為了方便比較，我們選擇四視圖預(yù)覽選項(xiàng)卡。在預(yù)覽區(qū)中就出現(xiàn)了四個(gè)視圖。第一個(gè)是原始圖、其余三個(gè)是預(yù)覽視圖，對這三個(gè)預(yù)覽視圖分別優(yōu)化，以觀察效果。

　　設(shè)置好的參數(shù)可以保存起來，單擊優(yōu)化面板右上角向右箭頭，在彈出的菜單中選擇保存命令Save Settings，在彈出的對話框中輸入名稱后，單擊OK按鈕。

　　所有的圖像輸出前都要進(jìn)行優(yōu)化，這樣才能達(dá)到文夾大小和圖像質(zhì)量的完美結(jié)合。

　　fireworks制作網(wǎng)頁導(dǎo)航按鈕

　　1、選擇矢量工具中的圓角矩形工具，繪制一個(gè)170px×60px的矩形;

　　2、使用垂直線性填充;

　　3、給矩形添加外部投影效果，得到如下效果;

　　4、再給矩形添加內(nèi)部投影，得到如下效果;

　　5、添加文字，選擇字體Verdana。9px大小并添加外部投影，得到如下效果;

　　6、添加分割線。效果如圖;

　　7、擺放好文字并調(diào)整間距;

　　8、如果想給Menu添加高光，則繼續(xù)步驟，在最上方圖層添加一個(gè)實(shí)心填充白色的橢圓，效果如圖;

　　9、選擇最開始的圓角矩形，復(fù)制一個(gè)，點(diǎn)選白色橢圓，反鍵->編輯->粘貼為蒙板。并在屬性欄選擇灰度外觀;