网站首页 语言 会计 互联网计算机 医学 学历 职场 文艺体育 范文
当前位置:学识谷 > 设计制作 > 网页设计

fireworks网页优化制作

栏目: 网页设计 / 发布于: / 人气:2.89W

经常做网页的朋友想必对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、最终效果。