fireworks網頁優化製作

經常做網頁的朋友想必對Fireworks一定不會陌生。它的圖片壓縮功能是我比較愛使用的工具之一,因為它對網絡圖形的壓縮質量和尺寸還是比較令人滿意的。下面小編跟分享了更多關於fireworks網頁優化製作，希望你喜歡。

fireworks網頁優化製作的方法步驟：

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

網絡中的圖像常常要求在圖線質量允許的情況之下儘可能的小，優化圖像就是尋找圖像大小和圖像質量的最佳結合點。在Fireworks中可以使用優化面板進行優化，優化圖像是使用圖像的第一步。

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

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

Dither參數下拉列表控制抖動方式優化圖像的抖動，增加抖動會增加圖像的大小。

Loss參數控制着圖像的損失量，增大Loss可以減少圖像文件的大小。

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

單擊文件頂部的預覽按鈕，可以觀察優化後的結果。為了方便比較，我們選擇四視圖預覽選項卡。在預覽區中就出現了四個視圖。第一個是原始圖、其餘三個是預覽視圖，對這三個預覽視圖分別優化，以觀察效果。

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

所有的圖像輸出前都要進行優化，這樣才能達到文夾大小和圖像質量的完美結合。

fireworks製作網頁導航按鈕

1、選擇矢量工具中的圓角矩形工具，繪製一個170px×60px的矩形;

2、使用垂直線性填充;

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

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

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

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

7、擺放好文字並調整間距;

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

9、選擇最開始的圓角矩形，複製一個，點選白色橢圓，反鍵->編輯->粘貼為蒙板。並在屬性欄選擇灰度外觀;

10、最終效果。