范文为教学中作为模范的文章，也常常用来指写作的模板。常常用于文秘写作的参考，也可以作为演讲材料编写前的参考。范文书写有哪些要求呢？我们怎样才能写好一篇范文呢？以下是我为大家搜集的优质范文，仅供参考，一起来看看吧

web网页优化 网页优化教程篇一

经常做网页的朋友想必对fireworks一定不会陌生。它的图片压缩功能是我比较爱使用的工具之一,因为它对网络图形的压缩质量和尺寸还是比较令人满意的。下面小编跟分享了更多关于fireworks网页优化制作，希望你喜欢。

web上常用的图像是gif和jpeg两种格式，gif是最流行的网络图形格式。尽管这种格式只能使用256色，但是却能够提供良好的、损失极少的.压缩比。另外gif格式还能做成透明的和多帧动画。jpeg格式支持24位的真色彩，常用来保存照片图像。

网络中的图像常常要求在图线质量允许的情况之下尽可能的小，优化图像就是寻找图像大小和图像质量的最佳结合点。在fireworks中可以使用优化面板进行优化，优化图像是使用图像的第一步。

单击优化选项卡，打开优化面板(图一)。图一打开文件格式下拉列表(图二)选择一种文件格式。

单击调色板下拉列表(图三)，常用的调色板有三种web216、adaptive、websnap adaptive，从调色板列中选择一种调色板。color参数下拉列表可以指定颜色数。

dither参数下拉列表控制抖动方式优化图像的抖动，增加抖动会增加图像的大小。

loss参数控制着图像的损失量，增大loss可以减少图像文件的大小。

透明类型下拉列表可以指定图像是否透明。使用透明选项卡下民的三个按钮就可以将某些颜色指定为透明。

单击文件顶部的预览按钮，可以观察优化后的结果。为了方便比较，我们选择四视图预览选项卡。在预览区中就出现了四个视图。第一个是原始图、其余三个是预览视图，对这三个预览视图分别优化，以观察效果。

设置好的参数可以保存起来，单击优化面板右上角向右箭头，在弹出的菜单中选择保存命令save settings，在弹出的对话框中输入名称后，单击ok按钮。

所有的图像输出前都要进行优化，这样才能达到文夹大小和图像质量的完美结合。

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