|
& I% K. w; M9 l W7 h) h; E
在Fireworks中,为图像设置链接区域是靠“切片”或“热点”工具来完成,因此“切片”或“热点”区域又被称为链接区域。它们不是以图像的形式存在,而是在图像导出成网页格式后,以HTML代码的形式出现。
5 o; i$ f3 j7 i6 l+ \1 M$ _1、切片与热点 4 H5 B& ^) s2 w
网页层:所有的“切片”和“热点”区域都被保存在“层”面板中的“网页层”内,以划分它们与图像层的区别。但同时也可以像对待图像层那样对网页层进行例如重命名、选择、删除、展开/折叠层、隐藏/显示层、锁定/编辑层等操作,如图10—01。 2 c( h/ r. ~0 o' e' t
! E& x7 e( y2 u L

5 b% M$ W2 s, F0 L2 \
8 @# T, m( z8 n6 q, o图10—01 $ Q' V, L' X8 \' b/ d
链接区的变形:对于各种形状的图形可为其选择不同的“切片”或“热点”工具,为图象划分出所需的切片或热点区域。同时也可以使用各种“变形”工具对该区域进行变形处理,如图10—02。 : }: W# `# d# v7 |
2 A3 V% X6 w$ g* Q( |9 Y* F
( f3 s+ c% \5 }9 H
8 C8 _* a7 Z6 `% X% R$ h
图10—02
, l3 x6 }( b1 ^5 A0 W/ S' T3 `' L 设置链接:为图像设置好“切片”或“热点”的链接区域后,在其区域的属性对话框中就可以输入或设置链接的相关内容。如图10—03。
! P& L/ ^, K) |# r. L" L0 W- Q) U
/ B5 P; L3 c: m) y6 C" q& z
2 _, f2 j6 _- r
图10—03 4 r2 v/ w! Q; w. ^
而对于“切片”区域除了可以为图像设置一个链接范围以外,还可以将该范围作为HTML的语言区域进行导出。只需在“切片”属性框中的类型下拉列表里选择“HTML”项,如图10—04。 4 n' O8 f1 d( `
i! p$ V- W* Y5 g& G; I- n

# r/ B8 s9 ?7 O p8 G9 e" r8 Y# t8 F4 z( }
图10—04 " ~- R0 |0 r. r+ K
然后点击类型列表下的“编辑”按钮即可在“编辑HTML切片”窗口中输入HTML代码。如此一来,也就把该切片区域转成了HTML的语言区域。
) a, i. o: ~; P8 t4 a7 P
: V, e" I) Z3 }. U; t ; |. A3 j& U4 w7 a# E$ {8 A. K
图10—05 |
| [tr]" y. L2 u( q1 G% V- @% k
?
. I- f+ c3 ~& ], T. P[首页]????[上一页]????1 L+ q4 ]6 A& r/ }/ ^+ x2 i! R
[下一页]' o) a8 T R6 J/ r7 I) e# n0 Y$ M
????# y) Q$ T; Z9 V
[末页]
* q* p! S: T% F: i: @????选择页数123
" T6 R1 t7 _% F) S! m
: O) z' ?) t' X
$ S9 n/ s3 J1 \控制手柄:在“切片” 区域的中心有一个圆形的控制手柄,右键点击即可弹出这个切片目前所能用到的所有行为指令。如图10—06。 $ r5 ^2 w' l! j/ E( e
1 W' v$ d1 N% u& S

5 o! q' y/ c3 Q# i( `图10—06 ) J. P2 [# c' y J9 L% a% U
导出所选切片——可把图像中的切片区域作为图像进行导出保存。在导出前,还可以使用“优化”面板对该区域进行各项设置,如图10—07。
* n- G9 O6 V5 b! V+ O& H! |- Q" ~$ v6 t0 G- Y9 ~$ t) m5 l0 T3 l
7 M8 x7 S) e0 x5 e* A
图10—07
0 n, ?) | ^9 g. b3 B0 c- y 排列——调整该切片在网页层中上下的排列位置;
; g, h8 X$ ^% e. `; s/ S3 s 添加简单变换图像行为——为图形的切片区域建立简单的图形变换效果;
# R* z @/ Z8 ?% p* U! s/ L 添加交换图像形为——可启动“变换图像”的详细设置窗口,为切片区域的图像建立较复杂的图形变换效果;
: q: w2 |: G; t/ Z0 W* M# R- N. R 添加状态栏信息——选择该项后会弹出一个 “设置状态栏文本”对话框,在消息栏中可输入要显示在浏览器状态栏上的文字信息。如图10—08。
7 A3 j& e1 X. [( |( b/ M1 q; K6 ~
3 \, h8 E* e* q" |- O9 e/ x 6 P$ S- d& \- C% R: O7 c& ~
图10—08 . w" Y4 R" X( X. |
添加导航栏——将图形的切片区域设置为网页的导航栏;
- B2 Y0 W- o1 ^. [7 ^ 添加弹出菜单——在切片位置添加一个弹出菜单的按钮; . L/ |% F" G/ C5 J- F
编辑弹出菜单——可重新设置弹出菜单中的各项内容。
% H! K c$ u( ~
; o( Z( _- k J9 z* O% @[首页]0 E" x6 L& q: ]) b3 G5 Q
????8 O8 [# M) {% u0 p( O1 T) \% z
[上一页]
; _3 ?% x& B" k5 o& k+ T8 v$ j2 a????
& K& S. l: l8 D( Q9 n[下一页]; W; f+ u9 W& }! O
????
4 r8 `! ]2 p* A2 @[末页]2 }8 b3 ^5 w- X4 V
????选择页数1230 s; x/ o0 {* @7 m+ K6 b
8 }8 U+ J: ]8 Z+ l! L/ g: B8 H
8 V9 t" n* d! Z/ s/ [2 A同样的,在“热点”区域的中心位置上也有个控制手柄,点击右键即可弹出相关行为,如图10—09。
% Y3 m' S* |1 x7 q) Z% H! g8 ]* G6 Z% F
8 t- x' ^ u+ Z* g" ]- q. }# u' U z
图10—09 3 V- ?, g# e2 O; @0 t5 S
为 “切片”或“热点”所添加的全部指令都保存在“行为”面板中。同时,点击“行为”面板上的“添加” \; K5 Q! K7 O
8 Y9 k% K: _& u. f1 q+ y
或“删除” 6 m3 z, F2 _ ^; n

6 }9 B1 d+ D! H 按钮也可以为切片、热点添加或删除相关的行为指令,如图10—10。 9 }( q) W( x2 `4 Y: q
4 y1 L9 s! y9 Y* t4 s

5 u3 X9 X3 M! N% K图10—10
! Z$ Z4 |& A; D; B) f# E[首页]) c' M' Z' T% A' f- @* k3 d' K
????
& g3 _) x& {2 n# I1 y! v: y[上一页]
]2 X2 ^* ?. }" b& y9 C8 k" F????[下一页]????[末页]????选择页数123 |
|