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