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、最終效果。
【fireworks網頁優化制作】相關文章：
如何優化網頁09-05
網頁設計的優化知識09-23
用Dreamweaver合理優化網頁09-05
dreamweaver怎么制作網頁09-24
10個優化網頁用戶界面網頁設計的規則10-04
網頁設計制作合同模板11-30
網頁設計的制作步驟11-14
網頁設計制作小技巧10-02
制作網頁詳細操作步驟10-11