设为首页
收藏本站
3D模型素材下载
开启辅助访问
素材下载
展览专用单个3D模型下载
展位展览
在线看展
论坛
展示行业交流平台
关于
本版
文章
帖子
日志
相册
用户
QQ登录
微信登录
忘记密码?
注册
登录
展示网
»
论坛
›
中国展示培训学习/Demonstrate professional
›
展示设计教程,学习/Display design tutorial
›
Fireworks切片实例
返回列表
发布主题
Fireworks切片实例
[复制链接]
查看:
277
|
回复:
0
gggds
当前离线
积分
22798
IP卡
狗仔卡
gggds
发表于 2009-12-27 12:57:31
|
显示全部楼层
|
阅读模式
见很多网友问用PS和FW切片的问题,整理一实例,希望能对大家有所帮助。 下图是我网站的导航条:
6 p( e( `) x. d
' g# z8 T- P6 e. l% k7 _
接下来我们用“切片工具”(红圈内)来进行切图。 根据颜色或其他你所想要的情况来进行切割,如下图:
6 U# `1 D/ d. Y0 L* N L
3 r% F! t6 T" h1 t
切片的好处:一、在网速较慢地情况下,本来要一张大图全部显示后才能看,现在切成众多小图后,速度加快,并且逐一显示;二、可根据每个切图的颜色和复杂情况进行不同的优化,以达到总体文件即保持必要清晰度,又能使文件达到最小,这是在大图时达不到的。
9 |$ W' ?& z1 W+ x N
8 P, f j! p: m* b8 ^ g
将各切片优化后,选择\"文件——导出\",在导出对话框中,为文件取名,并请注意导也类型为“HTML和图象”,如图。
6 w! S) U. A# h( [2 Y" X2 T
2 v2 }* b/ F7 B$ h
OK,至此我们已经完成在FW中的工作。打开DW,新建一文件,在“对象面板”中选择“插入 Fireworks HTML”按钮:
2 i' y" Z0 `/ ?! o7 g4 Y) J5 ^
7 v; R! G/ W; A3 v
在弹出的对话框中点击“浏览”,选取刚才导出的HTML文件:
9 P; i( c" }" r; h$ }
6 V& |: f- s* c2 \4 q) Y! ?/ l! `
你会发现刚才我们所切的图已经完整地在页面中:
3 o( a3 @! t$ z! e, e
# X! ^0 }' X$ W- H9 A+ A
如果你把图片删除,你会发现这是一个table border=\"0\" cellpadding=\"0\" cellspacing=\"0\"都为0的表格。
) `. C; ^! l: `" d @5 d m2 w( @( C# K
( b! T# k% v* q+ `
好了,至此就全部结束。
回复
使用道具
举报
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
抢沙发
千斤顶
显身卡
返回列表
高级模式
B
Color
Image
Link
Quote
Code
Smilies
您需要登录后才可以回帖
登录
|
注册中国展示论坛
本版积分规则
发表回复
回帖并转播
回帖后跳转到最后一页
精彩图文
快速回复
返回顶部
返回列表