Fireworks MX 2004 切片与热点

[tr]
?

g& A- `$ H2 m# F) }# `( W 在Fireworks中，为图像设置链接区域是靠“切片”或“热点”工具来完成，因此“切片”或“热点”区域又被称为链接区域。它们不是以图像的形式存在，而是在图像导出成网页格式后，以HTML代码的形式出现。 * V/ T6 f! ]- P! _3 _1、切片与热点 　　网页层：所有的“切片”和“热点”区域都被保存在“层”面板中的“网页层”内，以划分它们与图像层的区别。但同时也可以像对待图像层那样对网页层进行例如重命名、选择、删除、展开/折叠层、隐藏/显示层、锁定/编辑层等操作，如图10—01。 ) w! R8 V+ t2 I# y+ N : O7 [, R8 h; L+ @4 L. R 9 [( `8 x% o6 g$ B图10—01 　　链接区的变形：对于各种形状的图形可为其选择不同的“切片”或“热点”工具，为图象划分出所需的切片或热点区域。同时也可以使用各种“变形”工具对该区域进行变形处理，如图10—02。 $ N1 ~: Y* x$ d4 f; ~5 L # C5 u& T  r! G$ T4 X; P. H 图10—02 　　设置链接：为图像设置好“切片”或“热点”的链接区域后，在其区域的属性对话框中就可以输入或设置链接的相关内容。如图10—03。 - E# R' j' j) G3 l) c; D图10—03 $ K9 j+ U, M+ @% u　　而对于“切片”区域除了可以为图像设置一个链接范围以外，还可以将该范围作为HTML的语言区域进行导出。只需在“切片”属性框中的类型下拉列表里选择“HTML”项，如图10—04。 & U4 [8 {3 w/ x2 _; B$ I9 D - L( S$ _' t4 e& U 图10—04 ; L5 n$ d1 g! ^/ ]1 B! A% g9 [　　然后点击类型列表下的“编辑”按钮即可在“编辑HTML切片”窗口中输入HTML代码。如此一来，也就把该切片区域转成了HTML的语言区域。 4 T7 Y! I; S% w# m3 H 9 [. N  Z8 L& S" h& x图10—05

0 r8 w2 D+ j5 s3 {6 J2 p[首页]????[上一页]????
# V) M& u0 {7 S9 e4 H1 |[下一页]
????
: H0 ?* U1 @" N6 J' @7 M[末页]
????选择页数123
  V% v4 r/ G4 Z; G: s
1 |7 p6 p$ B2 a' K
" Q- k2 f! q# w. s6 Q控制手柄：在“切片” 区域的中心有一个圆形的控制手柄，右键点击即可弹出这个切片目前所能用到的所有行为指令。如图10—06。
8 |1 N4 d* t/ X( U" E& W

1 y& i# h0 f* C' k8 T图10—06
$ }+ ~3 D, [7 E& p3 n9 @　　导出所选切片——可把图像中的切片区域作为图像进行导出保存。在导出前，还可以使用“优化”面板对该区域进行各项设置，如图10—07。
. p0 S: S0 |9 \- ~& a# e9 g9 C( ]
; Z4 l* }+ Z  b3 }1 F: m& ~! h
6 e, U  e7 r4 n1 V  x) T: b/ M图10—07
$ r% C  K+ F2 ]( O( {　　排列——调整该切片在网页层中上下的排列位置；
　　添加简单变换图像行为——为图形的切片区域建立简单的图形变换效果；
6 ~2 D' U! Y$ P0 g　　添加交换图像形为——可启动“变换图像”的详细设置窗口，为切片区域的图像建立较复杂的图形变换效果；
% D1 \$ U* V6 Q& m8 }" q3 G　　添加状态栏信息——选择该项后会弹出一个 “设置状态栏文本”对话框，在消息栏中可输入要显示在浏览器状态栏上的文字信息。如图10—08。
  W2 L5 G( y1 s- w/ D6 V) v

图10—08
: g* ]) \3 ^" @4 x2 W　　添加导航栏——将图形的切片区域设置为网页的导航栏；
　　添加弹出菜单——在切片位置添加一个弹出菜单的按钮；
　　编辑弹出菜单——可重新设置弹出菜单中的各项内容。
: q$ v% y2 }3 w5 U7 I& c% ?8 S
[首页]
) \' e0 G+ h$ H1 O; F; j: Z& N????
[上一页]
0 d- l# O: B6 r" c4 s????
2 _0 @# B5 u6 _[下一页]
6 L  B0 i5 r: `" r2 q& @+ k????
[末页]
????选择页数123
1 ~% `1 ^6 x( Y2 `& H2 _. r5 G
' S; a9 ]' A2 J3 i
同样的，在“热点”区域的中心位置上也有个控制手柄，点击右键即可弹出相关行为，如图10—09。


" j& `  ]' L4 T: t  M% D* P$ m图10—09
* Y3 U. _  [1 Y* ]$ j　　为 “切片”或“热点”所添加的全部指令都保存在“行为”面板中。同时，点击“行为”面板上的“添加”

或“删除”

+ A# V( x. u, d& K 按钮也可以为切片、热点添加或删除相关的行为指令，如图10—10。

% l" f0 r/ x7 z
图10—10
[首页]
7 Z% R# s+ H, H( _  y- R; ^& Y????
, X  {# c& u4 ]9 q( H; j[上一页]
????[下一页]????[末页]????选择页数123