设为首页
收藏本站
3D模型素材下载
开启辅助访问
素材下载
展览专用单个3D模型下载
展位展览
在线看展
论坛
展示行业交流平台
关于
本版
文章
帖子
日志
相册
用户
QQ登录
微信登录
忘记密码?
注册
登录
展示网
»
论坛
›
中国展示培训学习/Demonstrate professional
›
展示设计教程,学习/Display design tutorial
›
Fireworks网页切片应用详解(二)
返回列表
发布主题
Fireworks网页切片应用详解(二)
[复制链接]
查看:
222
|
回复:
0
gggds
当前离线
积分
22694
IP卡
狗仔卡
gggds
发表于 2009-12-27 03:20:13
|
显示全部楼层
|
阅读模式
2. 创建多边形切片
如图5所示,打开一幅图像,可以利用多边形切片工具在多边形的每个顶点单击制作多边形切片,如图6所示。
& n# T1 N! [; V5 W M4 C
- h) Z' J& C4 J. |0 u9 l' v* @
+ U8 Q5 v1 R! [8 z. x$ j
图5打开图像
9 ~, I+ z/ S) B
m9 \4 G& a1 S* b: E* q; p) M
2 o* K% i( c+ M% J4 B
图6 创建多边形切片
2 P; b, r x/ j$ K% r0 D$ s# D8 W
由上图可见,图像中的切片向导仍然是水平和垂直的,生成的切片文件也还是矩形的。实际上多边形切片的形状主要是用于设置相应的行为触发区域的。如果切片对象被设置了链接,那么在浏览器中显示的时候,只有点击到多边形区域时才会实现链接跳转,而在这个切片的其他区域则不会出现链接跳转。 同理,如果切片和对象区域完全符合或者说用户是基于路径对象制作切片,只需点击“编辑”菜单,再选择“Insert”->“Slice”即可。
' ~/ H1 H q5 ^
三、编辑切片
' U- Z' _; M4 R7 ?
; \; U/ E3 o& m' v. T2 M! D( u
和热区的编辑非常类似,如果要选取切片,可以利用指针工具、部分选定工具来选中它,也可以使用层面板来进行;选中切片之后,若要移动切片可以利用鼠标、方向键或者属性面板的位置值。 默认情况下热区是透明的绿色,如果需要改变热切片的颜色,只需要在图7所示的切片属性面板中的切片颜色框中选择所需要的颜色即可。
; I% t) f& [5 X7 N) t! U) ?
(图7 切片属性面板 图片较大,请拉动滚动条观看)
1 r# R' |+ A6 M/ U
在切片属性面板中,类型栏的下拉菜单中有图像和HTML两项,选择HTML会出现图8所示的面板,点击按钮,在图9所示的弹出窗口中设置HTML代码可以创建一个文本链接。
, k: u' Z3 {3 l( _2 d2 w* t. x
(图8 将切片类型改为HTML 图片较大,请拉动滚动条观看)
" k2 t! j$ M8 m. s+ `8 x
. U* ]5 V2 `; |5 T" Z9 G" j! @# y
+ _) [/ {$ D" v, _
图9 Edit HTML Slice对话框
# e3 U3 s0 S' f1 `, @) Z" _
(图10 选择优化方式 图片较大,请拉动滚动条观看)
; U) R1 N) V! z. R
此外,在属性面板的优化下拉列表中还有几类优化方式,我们可以依据实际情况选择一种优化方式,如图10所示。 可以利用工具箱上的隐藏切片和热点工具来将选中的切片隐藏起来,需要显示切片的时候单击显示切片和热点工具即可将切片显示出来。如同热区的显示和隐藏一样,我们同样还可以利用层面板上的眼睛图标显示和隐藏该切片。
9 O: t* G3 t m/ v" v% I* V
四、添加链接
+ j0 J. O; S. S+ Y" Z' O7 K3 b
为切片添加链接同样有两种方法,一是利用属性面板,二是利用URL面板。当我们选定某个切片之后,我们可以在这两个面板中为该热区设置链接地址和链接属性。方法和热区的链接方法类似,这里不再重复了。
回复
使用道具
举报
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
抢沙发
千斤顶
显身卡
返回列表
高级模式
B
Color
Image
Link
Quote
Code
Smilies
您需要登录后才可以回帖
登录
|
注册中国展示论坛
本版积分规则
发表回复
回帖并转播
回帖后跳转到最后一页
精彩图文
快速回复
返回顶部
返回列表