Fireworks 网页切片应用详解 Fireworks 网页切片应用详解 我们这里所说之切片(Slice) 就是将一幅大图像分割为一些小之图像切片,然后在网页中通过没有间距和宽度之表格重新将这些小之图像没有缝隙之拼接起来,成为一幅完整之图像
这样做可以减低图像之大小,减少网页之下载时间,并且能创造交互之效果,如翻转图像等,还能将图像之一些区域用html 来代替
Fireworks 在网页切片制作方面有很强之优势,今天我们就来仔细看看Fireworks 网页切片全攻略
一、切片在网页制作中之作用 在网页上之图片较大之时候,浏览器下载整个图片之话需要花很长之时间,切片之使用使得整个图片分为多个不同之小图片分开下载,这样下载之时间就大大之缩短了,能够节约很多时间
在目前互联网带宽还受到条件限制之情况下,运用切片来减少网页下载时间而又不影响图片之效果,这不能不说是一个两全其美之办法了
除了减少下载时间之外,切片也还有其他一些优点: * 制作动态效果:利用切片可以制作出各种交互效果
例如前面将之按钮之这种状态其实最后导出之文件实质上就是不同状态之切片
* 优化图像:完整之图像只能使用一种文件格式,应用一种优化方式,而对于作为切片之各幅小图片我们就可以分别对其优化,并根据各幅切片之情况还可以存为不同之文件格式
这样既能够保证图片质量,有能够使得图片变小
* 创建链接:切片制作好了之后,就可以对不同之切片制作不同之链接了,而不需要在大之图片上创建热区了
二、创建切片 使用Fireworks 工具箱上之切片工具可以为已经制作好之图片创建切片
如图1 所示,切片工具有两类,分别为“矩形切片”工具(Slice tool)和“多边形切片”工具(Polygon Slice tool)
下面我们分别就这两类热区工具之使用作介绍
图 1 两类切片工具 1
创建矩形切片 首先打开图像,