Fireworks切片实例

[复制链接]
查看: 259|回复: 0
gggds 发表于 2009-12-27 12:57:31 | 显示全部楼层 |阅读模式
  见很多网友问用PS和FW切片的问题,整理一实例,希望能对大家有所帮助。  下图是我网站的导航条:
6 _' b/ V7 V2 L, h# D( N8 J
% S- }& r: [7 X  接下来我们用“切片工具”(红圈内)来进行切图。  根据颜色或其他你所想要的情况来进行切割,如下图:$ f7 G- |0 y. x# b5 r/ T% J
" p" u2 i$ f* J2 x
  切片的好处:一、在网速较慢地情况下,本来要一张大图全部显示后才能看,现在切成众多小图后,速度加快,并且逐一显示;二、可根据每个切图的颜色和复杂情况进行不同的优化,以达到总体文件即保持必要清晰度,又能使文件达到最小,这是在大图时达不到的。
# e0 x) Z' q8 f9 P
3 {. y6 u8 l) v  将各切片优化后,选择\"文件——导出\",在导出对话框中,为文件取名,并请注意导也类型为“HTML和图象”,如图。
( P. c2 \$ J- j" A! K3 O, F5 T% r3 t( A% K4 s
  OK,至此我们已经完成在FW中的工作。打开DW,新建一文件,在“对象面板”中选择“插入 Fireworks HTML”按钮:. I( P3 r" i$ ?, w

$ W# H; w+ g6 L  w* w  在弹出的对话框中点击“浏览”,选取刚才导出的HTML文件:) ?' ?* a% `# v

- E- K% m7 o0 `$ L) x) t  你会发现刚才我们所切的图已经完整地在页面中:( `, I: y% O# E

) l( z. j4 e8 Q  N( B  如果你把图片删除,你会发现这是一个table border=\"0\" cellpadding=\"0\" cellspacing=\"0\"都为0的表格。
9 ^( c# o5 t% v! F& Z1 r# Q$ O4 a& T
5 I, |8 V4 d' p* K. d, ]  好了,至此就全部结束。

本版积分规则

精彩图文

Copyright   ©2015-2016  展示网  Powered by©Discuz!  技术支持:凡尚展览     ( 粤ICP备14065977号 )