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