当前位置:网站首页 >> 作文 >> web网页优化 网页优化教程汇总

web网页优化 网页优化教程汇总

格式:DOC 上传日期:2023-05-02 13:42:08
web网页优化 网页优化教程汇总
时间:2023-05-02 13:42:08     小编:zdfb

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

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

s("content_relate");

【fireworks网页优化制作】相关文章:

如何优化网页

09-05

网页设计的优化知识

09-23

用dreamweaver合理优化网页

09-05

dreamweaver怎么制作网页

09-24

10个优化网页用户界面网页设计的规则

10-04

网页设计制作合同模板

11-30

网页设计的制作步骤

11-14

网页设计制作小技巧

10-02

制作网页详细操作步骤

10-11

全文阅读已结束,如果需要下载本文请点击

下载此文档
a.付费复制
付费获得该文章复制权限
特价:5.99元 10元
微信扫码支付
已付款请点这里
b.包月复制
付费后30天内不限量复制
特价:9.99元 10元
微信扫码支付
已付款请点这里 联系客服