- 相關(guān)推薦
fireworks網(wǎng)頁(yè)優(yōu)化制作
經(jīng)常做網(wǎng)頁(yè)的朋友想必對(duì)Fireworks一定不會(huì)陌生。它的圖片壓縮功能是我比較愛使用的工具之一,因?yàn)樗鼘?duì)網(wǎng)絡(luò)圖形的壓縮質(zhì)量和尺寸還是比較令人滿意的。下面小編跟分享了更多關(guān)于fireworks網(wǎng)頁(yè)優(yōu)化制作,希望你喜歡。
fireworks網(wǎng)頁(yè)優(yōu)化制作的方法步驟:
WEB上常用的圖像是GIF和JPEG兩種格式,GIF是最流行的網(wǎng)絡(luò)圖形格式。盡管這種格式只能使用256色,但是卻能夠提供良好的、損失極少的壓縮比。另外GIF格式還能做成透明的和多幀動(dòng)畫。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ù)下拉列表控制抖動(dòng)方式優(yōu)化圖像的抖動(dòng),增加抖動(dòng)會(huì)增加圖像的大小。
Loss參數(shù)控制著圖像的損失量,增大Loss可以減少圖像文件的大小。
透明類型下拉列表可以指定圖像是否透明。使用透明選項(xiàng)卡下民的三個(gè)按鈕就可以將某些顏色指定為透明。
單擊文件頂部的預(yù)覽按鈕,可以觀察優(yōu)化后的結(jié)果。為了方便比較,我們選擇四視圖預(yù)覽選項(xiàng)卡。在預(yù)覽區(qū)中就出現(xiàn)了四個(gè)視圖。第一個(gè)是原始圖、其余三個(gè)是預(yù)覽視圖,對(duì)這三個(gè)預(yù)覽視圖分別優(yōu)化,以觀察效果。
設(shè)置好的參數(shù)可以保存起來,單擊優(yōu)化面板右上角向右箭頭,在彈出的菜單中選擇保存命令Save Settings,在彈出的對(duì)話框中輸入名稱后,單擊OK按鈕。
所有的圖像輸出前都要進(jìn)行優(yōu)化,這樣才能達(dá)到文夾大小和圖像質(zhì)量的完美結(jié)合。
fireworks制作網(wǎng)頁(yè)導(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)選白色橢圓,反鍵->編輯->粘貼為蒙板。并在屬性欄選擇灰度外觀;
10、最終效果。
【fireworks網(wǎng)頁(yè)優(yōu)化制作】相關(guān)文章:
如何用Fireworks設(shè)計(jì)制作漂亮網(wǎng)頁(yè)06-07
fireworks切片工具切網(wǎng)頁(yè)模板08-23
Fireworks制作流線字的方法10-26
Fireworks制作立體倒影的方法11-06
Fireworks如何制作立體倒影08-02
Fireworks如何制作屬鎖05-30
Fireworks制作分解特效技巧10-21