设为首页  
联系我们  
加入收藏  
网页制作 冲浪宝典 图形图像 操作系统 软件教学 编程开发 认证考试 安全技术 站长专区 文学驿站 娱乐天地 游戏天地 办公软件
文章搜索
您的位置: 首页 >> 文章首页 >> 图形图像 >> Fireworks >> Fireworks网页切片应用详解
精品推荐
Fireworks点击TOP10
·Fireworks制作草生草长之草样年华gif动画
·Fireworks4功能介绍
·网页设计综合实例(下)
·Fireworks巧绘精美闪图动画
·教你用FW做酷LOGO
·Fireworks 8制作精美网页效果图
·Fireworks教程:光芒四射之殊途同归
·Fireworks轻松绘制简单卡通海景画
·QQ皮肤制作全程实录
·Fireworks利用渐变工具简单的处理图片
图形图像点击TOP10
·中文字体设计欣赏合集
·教你用photoshop打造浪漫婚纱照
·PHOTOSHOP超强磨皮大法 将斑点选出来
·Photoshop轻松制作非主流水粉画效果
·扣图:Photoshop抠出复杂背景下的乱发
·Photoshop的LAB模式做“非主流”照片
·Photoshop制作Lomo风格非主流效果
·Photoshop打造“非主流”颓废照片特效
·Flash实例制作剖析:蝶恋花
·清晰还原!Photoshop处理人物模糊照片
精选专题

Fireworks网页切片应用详解

作者: 来源:http://www.xgdown.com/ 时间:2005-11-19 0:31:55

Fireworks网页切片应用详解(1) 我们这里所说的切片(Slice)就是将一幅大图像分割为一些小的图像切片,然后在网页中通过没有间距和宽度的表格重新将这些小的图像没有缝隙的拼接起来,成为一幅完整的图像。这样做可以减低图像的大小,减少网页的下载时间,并且能创造交互的效果,如翻转图像等,还能将图像的一些区域用html来代替。Fireworks在网页切片制作方面有很强的优势,今天我们就来仔细看看Fireworks网页切片全攻略。

  一、切片在网页制作中的作用

   在网页上的图片较大的时候,浏览器下载整个图片的话需要花很长的时间,切片的使用使得整个图片分为多个不同的小图片分开下载,这样下载的时间就大大地缩短了,能够节约很多时间。在目前互联网带宽还受到条件限制的情况下,运用切片来减少网页下载时间而又不影响图片的效果,这不能不说是一个两全其美的办法了。

   除了减少下载时间之外,切片也还有其他一些优点:

  * 制作动态效果:利用切片可以制作出各种交互效果。例如前面将的按钮的这种状态其实最后导出的文件实质上就是不同状态的切片。
  * 优化图像:完整的图像只能使用一种文件格式,应用一种优化方式,而对于作为切片的各幅小图片我们就可以分别对其优化,并根据各幅切片的情况还可以存为不同的文件格式。这样既能够保证图片质量,有能够使得图片变小。
  * 创建链接:切片制作好了之后,就可以对不同的切片制作不同的链接了,而不需要在大的图片上创建热区了。


  二、创建切片

   使用Fireworks工具箱上的切片工具可以为已经制作好的图片创建切片。如图1所示,切片工具有两类,分别为“矩形切片”工具(Slice tool)和“多边形切片”工具(Polygon Slice tool)。

   下面我们分别就这两类热区工具的使用作介绍。


图1 两类切片工具


  1. 创建矩形切片

  首先打开图像,选择工具箱上的的切片工具,在图像的适当位置上按下鼠标左键并拖动绘制一个矩形区域,当矩形大小适当时释放鼠标,这样就生成了一个切片,如图2所示。该切片区域被半透明的绿色所覆盖,称为切片对象,另外Fireworks根据切片对象的位置以红色分割线对图像进行了分割,称为切片向导。


图2 绘制矩形切片

   要使切片与对象区域紧密匹配,可以和热点一样先选中要制作成为切片的对象,然后点击“Edit”菜单,选择“Insert”->“Slice”;如果选择了多个对象,则会出现一个如图3所示的对话框,选择“Multiple”按钮,可以创建多个切片,如图4所示。


图3 提示对话框


图4 制作多个切片


  2. 创建多边形切片

  如图5所示,打开一幅图像,可以利用多边形切片工具在多边形的每个顶点单击制作多边形切片,如图6所示。


图5打开图像


共3页 9 7 [1] [2] [38 :>

Fireworks网页切片应用详解 相关文章:
Fireworks网页切片应用详解 相关软件:
特别声明:本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员,我们尽快予以更正。
转载请注明来源:http://www.xgdown.com