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、最终效果。
-
网页设计很糟糕的10个原因
个好的网页设计,不仅吸引眼球,也是实用的、直观的、层级简单却足够复杂到保持用户的兴趣。但是不好的网页设计是由很多原因造成的,下面是关于网页设计很糟糕的10个原因,欢迎阅读了解!没有足够的空白空白可以说是设计中最重要的一部分。它有助于防止用户在浏览网站时...
-
jQuery中的read和JavaScript中的onload函数的区别在哪
在JavaScript中,onload函数是最经常使用的,几乎涉及到JavaScript的童鞋都少不了要接触它。这个函数的作用就是等待网页完全装载完了以后再去执行代码块内的语句,因为按照文档流的执行顺序,通常用于头部加载JavaScript的`时候需要用到。复制代码代码如下:ad=functio...
-
SQl常用增删改查模板
篇一:SQl常用增删改查SQL常用增删改查语句增加现在有一张表,表(Test)里面有三个字段,分别为sno,sname,age。举例用一条增加SQL语句,插入一条数据进库。语句:Insertinto表名value(‘数据1’,’数据2’,’数据3’)具体操作:Insertintotestvalues('test','te...
-
javascript闭包的高级使用方法
扩展Code:复制代码代码如下:varblogModule=(function(my){hoto=function(){//添加内部代码};returnmy;}(blogModule));Say:将自身传进方法,然后实现了方法的扩展,有点象零件组装啊Code:复制代码代码如下:varblogModule=(function(my){varoldAddPhotoMethod=hoto;...