fireworks網頁優化制作

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、最終效果。