|
2、按钮的链接区域
! `; v! R! I- n1 Y- a 在“按钮”元件的制作选项卡中,还有一个“活动区域”选项,如图8—09。 8 ?1 B8 A) l( x/ b
4 P# E* d5 E2 B" B3 W
, K/ Q/ N9 h8 z9 j- ], V1 d2 B图8—09
& T A; l7 I& B2 N在该选项中可以对按钮的链接区域进行具体的设置。通过拖动四条红色边线,可以调整鼠标在该按钮内的有效链接范围。而当要对圆形按钮或不规则按钮设置这样的链接区域时,矩形的链接区域就会给按钮造成一部分不必要的鼠标响应区,如图8—10。
0 `: e! z4 P$ V4 R- Y- }; ~8 o% r% r3 ?
7 x2 P3 D Y& q, o" R6 w
9 [3 H, B" s, q8 D3 J6 n6 Z图8—10
, W/ |, V$ b4 u7 F9 ?) [1 J q 这时,我们可以使用工具条中专门为网页链接而设立的“Web”工具区,从中选择“多边形切片”工具,如图8—11。
: `% V# Q% t0 w4 K- T5 m+ ]7 k* l7 [2 k4 b) v
. f6 T) R: c: d* r7 m! ?- Y" M3 n
图8—11# z o, W+ Z7 C. p0 c
[首页]????[上一页]????5 r. |( ~# l- ~9 H
[下一页]
. k; k* I# F$ U7 S2 y) q/ r???? y/ X# X! M7 x; b, f- O
[末页]+ U; U# u, L; [' I
????选择页数12 H: n7 t3 X0 u- n: j3 ^( f& I
6 s2 v9 h H; m/ N5 D+ P) {( {4 U/ d3 ]2 ?9 X+ w) Q- f
用该工具沿着图形的边缘进行依次单击,每点击一次,就会产生一个类似钢笔路径中的直线线段,直到该图形圈选进去,如图8—12。 7 M$ C& I {6 N1 k! Q& q* b$ R
3 w% e4 D; x( s* W0 F3 ?
2 ?- v5 y4 [! B2 m3 n, q8 y9 B; w. ~' z
图8—12 1 k3 O2 }2 ^+ \! _, Z
绿色区域内的就是该按钮有效的链接范围。用“指针”或“部分选定”工具拖动链接范围边上的控制点,可以对该范围进行修改或调整。
) Z$ P3 d* C4 F& F8 ^; O8 I 点选“自动设置活动区域”选框时,又可把链接范围恢复到原来的矩形状态。 2 |* z3 o; r; ^4 u' ^
在该多边形按钮链接切片的属性框中,可以进一步为该按钮设置链接目标和按钮图像的色彩输出模式等,如图8—13。
; q3 Z* p3 s: H( Z3 H2 Y+ s2 D" [! @+ p8 E# o0 f
2 N' w. o) m/ C/ b- h, Z(图8—13 图片较大,请点放大观看)
1 Q; z& k" Q! w7 p' x4 c( u Alt——在网页浏览时,当鼠标移到该按钮上时将要显示的提示内容;
! g7 W5 s& z, w& S 目标——选择是否在新的浏览窗口中打开所链接的内容。
7 [ T& k& y' {1 I% X1 d: | 对于按钮链接区域的设置还可以使用“Web”工具区中的“多边形热点”工具为按钮或图绘制链接区域,如图8—14。 9 C$ b2 G; b1 g$ v
; N' Z6 _8 e6 }; W8 \, c ?* @2 }+ a1 q4 t
图8—14
. J6 V5 {7 ]* n% j0 O/ e; ^ “多边形热点”工具的使用方法与“多边形切片”工具是一样的。
1 f3 Q* j- u) x% \ m 在为链接区域添加链接对象时还也可以使用“UBL”面板,如图8—15。 5 |$ u+ S1 G& O6 L
" V8 q& i/ \" ?9 d3 K5 K. O: @6 `' c
* l4 v% P- d: v/ A1 O( ?图8—15 $ P( H7 [" B0 I- u( {
在该面板的第二个输入栏中可直接输入“切片”或“热点”区域的链接地址,然后点击“添加链接” ) b8 D. a3 Y* N' g( d
7 c; y$ y8 A: Q# b 按钮将地址添加到下面的链接窗口中。使用时只需在该窗口中点选当前“切片”或“热点”区域所要用到的链接地址即可。在“UBL”面板右下角的“新建URL”
& L; D& O- H& o% I/ k* S+ x
: @% T/ p& n2 y) |1 N% | 按钮中,可以直接为链接窗口添加链接,或对链接窗口中已有的链接地址进行修改,如图8—16。
" A7 t3 u+ v- Q* n" g, A- V4 {6 j
" O Q( @* c* F& L" H2 @) P5 V5 h! ~8 q/ u
图8—16
, @7 O. r2 `3 O7 c: p v3 R[首页]! Z3 z ^* V, M0 J1 e8 ?9 n
????
7 c# ?* o3 G3 J' E[上一页]
) X ?% p% C0 G) t????[下一页]????[末页]????选择页数12 |
|