當前位置:才華齋>設計>網頁設計>

fireworks網頁優化製作

網頁設計 閱讀(3.02W)

經常做網頁的朋友想必對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、最終效果。