下拉菜单全攻略之Fireworks篇(一)

■ Fireworks 4/Dreamweaver 4双剑合壁造弹出菜单　　与图形设计制作软件的龙头老大-Adobe公司的Photoshop相比，Macromedia公司的Fireworks 4(以下简称FW4)可谓短小精悍，同时，她对于网页图形制作的强大支持，也使其轻松获取了大批网页设计师的信任和追随。配合Macromedia网页制作三剑客中的另一位大名鼎鼎的剑客Dreamweaver 4(以下简称DW4)，FW4可以轻而易举地做出时下网页中甚为流行的弹出菜单(亦称下拉菜单)。如果你对DHTML网页编程不甚熟悉，看到代码就头疼，不如跟随笔者一起亲身体验FW4的魅力所在吧！一、 在FW4中制作菜单
" ]2 ~6 S7 k' z4 B3 A6 O1 K1．制作母菜单按钮
* N" c* v# y6 D2 g1 F3 O, Q　　打开FW4，选择File菜单下的New，或者按Ctrl+N快捷键，如图一新建一个文件，尺寸200X30像素，精度72像素/英寸，背景透明。

) b( s/ H9 k- O+ i  B

6 ]3 ~8 E: e& V! f5 @. v( V　　选择Window菜单下的Tools打开工具面板，从工具面板上选择矩形工具，
& ]2 t7 ^9 o3 J% ?" \


+ y6 K5 J, u7 f# v　　画一个100X30像素大小的矩形，选择Window菜单下的Info打开信息面板，直接输入数值精确调整尺寸和位置；
9 r7 n% W+ b9 v
0 e/ A; a4 y# _9 g/ y1 f- h
: E) K. o/ X# f, m
?
选中这个矩形，Ctrl+C复制，Ctrl+V原地粘贴，这时候两个矩形重叠，将上面这个矩形拖到旁边，同样使用信息面板定位；

/ U3 `- T' P! F: {/ l' s9 O  }! D
6 m% r5 u- ]) A0 u; b( u
' b, E2 ^- T! c9 n  |　　然后分别选中这两个矩形，调整它们的填充色和边框色，方法有两种，一是利用工具面板上的Color工具区里的Stroke和Fill按钮，



　　二是选择Window菜单下的Stroke和Fill分别打开线型面板和填充面板，在面板上选择，注意的是线型要选\"encilà1-Pixel Hard\"或\"BasicàHard Line\"(如图)，
% a9 g; S/ z& @- x

% h0 w  y- G0 q: ^1 v" ^) U
! ?7 t" B6 Q$ s7 o0 D　　这样输出后才能做出细边框效果；从工具面板上选择文字工具，输入文字，注意选择文字的平滑度为No Anti-Alias（关闭反锯齿，如图），
9 ?  c% c! D) e, r


3 V3 M7 h9 J/ r  ~7 P　　然后同时选中文字和其中一个矩形，从Modify菜单下的Align中分别选择Center Vertical和Center Horizontal来对齐文字和矩形，效果如图所示。


* P2 v7 p. U; D
2．制作弹出菜单条目
$ u0 Y& J: A* r6 I　　同时选中对齐后的文字和矩形，选择Insert菜单下的Convert to Symbol，或在矩形上点鼠标右键，在右键菜单里选Convert to Symbol，或者按F8快捷键，在弹出对话框里的Type中选Button(按钮)，将这个矩形转换成一个按钮对象，


# s( u% c2 p9 ^  y# C5 a
　　这时，将鼠标移到按钮对象中间的圆形标志上鼠标会变成手形，单击圆形标志，在弹出菜单中选择Add Pop_up Menu…，



9 n& }. w! x- l, F  X/ p　　然后就可以在弹出的Set Pop-Up Menu设置窗中设置你的弹出菜单了。如下图，笔者已经设置了一些菜单条目。
8 z8 f; d+ R. [* V# K. B

( o2 S/ V, j5 G0 s  n
3 h( ~& U4 Y; ]5 c' l- H5 i. i0 w& ~　　大家可以在Text中设置条目的文字名称，在Link中设置条目的链接路径，在Target中设置打开链接的目标窗口，设置完后点一下\"+\"按钮就可以生成一个菜单条目了；如果想删掉，点中条目，再点\"-\"按钮就可以删除条目；如果想修改条目设置，只需点中条目，修改各项设置后点Change按钮即可。FW4的弹出菜单是可以做多级子菜单的，只要在根菜单条目下方建立子菜单条目，然后点中子菜单条目，再点窗口上方那两个蓝色图标按钮中的右边一个Indent Menu（菜单缩进，即设为子菜单）就可以了，反之，点左边那个Outdent Menu（菜单伸出，即设为根菜单）就可以将当前的子菜单设置成上一级根菜单。大家可能发现改变菜单条目的顺序好象不方便，其实很简单，只要点住条目并拖拉到你想要的位置就可以了。设置完菜单条目后，点Next进入菜单样式设置窗。
3．设置弹出菜单条目样式
　　值得一提的是，菜单样式的设置可以分成两种类型，

6 n5 x. F9 G* D0 s' |% R- v
4 D7 m; T* q! X! ~7 H% V1 y; q
5 A5 ]  @$ {0 D" b- g
- r1 w1 \$ T' a+ U1 s* p& c$ [9 x

, z" z7 D: j) B; H?