|
' |. z w0 D$ e: h* |4 K/ F0 s
在Fireworks中,为图像设置链接区域是靠“切片”或“热点”工具来完成,因此“切片”或“热点”区域又被称为链接区域。它们不是以图像的形式存在,而是在图像导出成网页格式后,以HTML代码的形式出现。 ! {1 u. m+ S+ k1 ~
1、切片与热点
1 } K+ C. o( M, q5 X0 g2 B9 f 网页层:所有的“切片”和“热点”区域都被保存在“层”面板中的“网页层”内,以划分它们与图像层的区别。但同时也可以像对待图像层那样对网页层进行例如重命名、选择、删除、展开/折叠层、隐藏/显示层、锁定/编辑层等操作,如图10—01。
2 `. `& a+ }3 Q1 b) T
6 ^: r% [: ]7 g9 V! P3 r' r' m* `3 W" _' U, e0 A0 ]
" t$ H5 U/ Q2 Q! ?* [) ~$ ^, j d5 ?
图10—01
2 g3 |6 S w0 X$ W# I 链接区的变形:对于各种形状的图形可为其选择不同的“切片”或“热点”工具,为图象划分出所需的切片或热点区域。同时也可以使用各种“变形”工具对该区域进行变形处理,如图10—02。 + G8 Y- T3 g) { O
; `8 }: o5 F, Z! @0 o
6 m2 A' j( n; f+ ^' F* l
6 A$ j( s+ l: }1 l b图10—02 ) P" I2 G2 b1 t+ P! L+ K
设置链接:为图像设置好“切片”或“热点”的链接区域后,在其区域的属性对话框中就可以输入或设置链接的相关内容。如图10—03。 # `# r" r* e$ y! a
, E, g' C% l3 z
' ~. _8 b$ ^4 C; @
7 a( J( Q! f# a( p- M4 V
图10—03 ; m/ Y1 S8 _1 z0 S& H6 U) r0 k
而对于“切片”区域除了可以为图像设置一个链接范围以外,还可以将该范围作为HTML的语言区域进行导出。只需在“切片”属性框中的类型下拉列表里选择“HTML”项,如图10—04。 & f! m w* ^' F2 X7 A
4 z7 `4 E) P7 F6 a& [1 D5 { X0 O: X0 L. T4 O$ a
" C2 ~8 i' f! p1 ~8 m. ?( p图10—04 3 ^# f& h b4 Z5 u
然后点击类型列表下的“编辑”按钮即可在“编辑HTML切片”窗口中输入HTML代码。如此一来,也就把该切片区域转成了HTML的语言区域。
C( T' a5 k" r7 S1 G3 T
# k7 X) X2 \/ w4 z$ E0 R" U, h; V% n
图10—05 |
| [tr]
" C0 |% I5 d5 S8 K& D4 i3 u, m?
- Z: g' f- `. s+ \: _9 M[首页]????[上一页]????
% N4 w3 N1 D- R1 c0 Z2 W[下一页]0 J; u5 d! X; ?- V% J2 @
????# ]% a8 R+ V- B* I6 }, Q, j
[末页]
7 h4 W9 v2 [; b9 i3 y????选择页数123, Y" I3 L0 W) [
h; T7 I. n/ ]/ c0 O7 l- l
/ L- D$ Y8 B: |1 G& M控制手柄:在“切片” 区域的中心有一个圆形的控制手柄,右键点击即可弹出这个切片目前所能用到的所有行为指令。如图10—06。 4 O, K) k9 t4 e
2 K4 I. z9 b$ v: P- i7 \
3 c+ s6 e2 K' i# l: m图10—06
1 b. L/ F% |, n; ?: |3 H: ~2 P 导出所选切片——可把图像中的切片区域作为图像进行导出保存。在导出前,还可以使用“优化”面板对该区域进行各项设置,如图10—07。 $ l2 v) ^2 o; u! \2 v, R X
; w0 @- D# N* q& P/ N5 H- Z/ n* w$ e% Q! @; u
图10—07 5 b S) ?2 Y3 i: o/ P
排列——调整该切片在网页层中上下的排列位置;
' N$ {% L9 y) f 添加简单变换图像行为——为图形的切片区域建立简单的图形变换效果;
2 m& m3 P- Y+ @: ?! ?6 D8 p, v 添加交换图像形为——可启动“变换图像”的详细设置窗口,为切片区域的图像建立较复杂的图形变换效果;
; j, ~% n6 c! b' p, o( J 添加状态栏信息——选择该项后会弹出一个 “设置状态栏文本”对话框,在消息栏中可输入要显示在浏览器状态栏上的文字信息。如图10—08。
8 o" n5 ~: s, g
$ V. l& x! v( z$ m, f/ ^3 Q! |# D7 z8 P( v7 m. R* B/ N
图10—08
0 z7 N G) a$ R2 E 添加导航栏——将图形的切片区域设置为网页的导航栏;
7 e5 q" z7 x, P4 `! @ 添加弹出菜单——在切片位置添加一个弹出菜单的按钮;
3 u3 g& A6 g( J, x ~ 编辑弹出菜单——可重新设置弹出菜单中的各项内容。5 A1 @8 d/ t0 Y: f2 z
: y" q& K: F3 F. ~- @' q[首页]
3 f* [1 l4 t- h' i" K9 {5 u????
! o) T/ I) ~/ v. m$ O7 e[上一页]) k3 ^3 i* t( L# X& v6 w; l
????
: p% {+ A' X& K2 l% g[下一页]1 Y) |. B. I' {$ p& A( @- s0 t n
????
0 a) T6 F; |( O/ A# [ q- ^[末页]
3 s% d7 ]$ _# V' E# J' \, \( `????选择页数1230 R b* H! K/ \/ Z/ W
$ d/ p" o/ |9 M
# m: I) d. o; W6 a& g/ _
同样的,在“热点”区域的中心位置上也有个控制手柄,点击右键即可弹出相关行为,如图10—09。 ; r r# W( @, _0 a9 ^! I
( r+ a1 T2 Q/ E ^* H. F& O+ W. Y2 z8 T9 b1 \+ ^1 c8 M- d
图10—09 0 ]% j2 S# ]/ l, t8 u& @0 h% ~
为 “切片”或“热点”所添加的全部指令都保存在“行为”面板中。同时,点击“行为”面板上的“添加” # |" s6 X9 F2 Z; B9 y1 y) W. [# b
! e4 m. E% M, \* k2 v# N+ k! W 或“删除”
) Q7 E1 k* d# \$ y6 S: o5 ?. ^: @7 q
按钮也可以为切片、热点添加或删除相关的行为指令,如图10—10。 ! L- _& F* v4 L _
" n9 i' V+ c) Z, Z) d! Q8 s
$ X I1 c, j1 O- @5 Z/ a图10—10
, w p7 ]7 L, K" ~9 _/ }: U2 i[首页]+ V: E) L$ C! C' H
????3 H' E3 n$ L" d: h9 I2 I
[上一页]* |1 s, `5 K! p" z7 t- ^+ h; h* M8 q
????[下一页]????[末页]????选择页数123 |
|