Fireworks中制作菜单（1）

Fireworks 4/Dreamweaver 4双剑合壁造弹出菜单
: M0 B6 f* C0 j! O5 {　　与图形设计制作软件的龙头老大-Adobe公司的Photoshop相比，Macromedia公司的Fireworks 4(以下简称FW4)可谓短小精悍，同时，她对于网页图形制作的强大支持，也使其轻松获取了大批网页设计师的信任和追随。配合Macromedia网页制作三剑客中的另一位大名鼎鼎的剑客Dreamweaver 4(以下简称DW4)，FW4可以轻而易举地做出时下网页中甚为流行的弹出菜单(亦称下拉菜单)。如果你对DHTML网页编程不甚熟悉，看到代码就头疼，不如跟随笔者一起亲身体验FW4的魅力所在吧！
, o) u  L( h+ U/ C
3 v& `; @0 f; T* H# v7 |1 ~一、 在FW4中制作菜单1．制作母菜单按钮　　打开FW4，选择File菜单下的New，或者按Ctrl+N快捷键，如图一新建一个文件，尺寸200X30像素，精度72像素/英寸，背景透明。
+ ]; Y' b( G6 T( Q


　　选择Window菜单下的Tools打开工具面板，从工具面板上选择矩形工具，



8 A5 g* V) b- I+ `6 i　　画一个100X30像素大小的矩形，选择Window菜单下的Info打开信息面板，直接输入数值精确调整尺寸和位置；

5 v6 ^- B; X/ O1 X; r7 Z
9 k- J+ |& K" v( ~7 G
% K) ^. W' P* H8 M选中这个矩形，Ctrl+C复制，Ctrl+V原地粘贴，这时候两个矩形重叠，将上面这个矩形拖到旁边，同样使用信息面板定位；

2 P4 s  f7 [$ f: W

　　然后分别选中这两个矩形，调整它们的填充色和边框色，方法有两种，一是利用工具面板上的Color工具区里的Stroke和Fill按钮，
: [' T6 d6 @) c% w

6 Z4 x* a/ b* q% A8 y4 D0 n1 j
: B1 i3 @; B; F6 M9 e

　　二是选择Window菜单下的Stroke和Fill分别打开线型面板和填充面板，在面板上选择，注意的是线型要选\"encilà1-Pixel Hard\"或\"BasicàHard Line\"(如图)，
) \8 X0 d# l" Y9 n6 n
! D* t4 k; i' v/ B

/ _) ^# m/ F$ h7 U5 o; O  a
$ `  [" Q; T9 E$ A3 L( a; g2 V! y
　　这样输出后才能做出细边框效果；从工具面板上选择文字工具，输入文字，注意选择文字的平滑度为No Anti-Alias（关闭反锯齿，如图），
; d9 o5 h0 @, a+ g- S8 _+ S0 f- d


& j; B, k. y4 e3 P
( x  o$ U( B4 g3 `& S
　　然后同时选中文字和其中一个矩形，从Modify菜单下的Align中分别选择Center Vertical和Center Horizontal来对齐文字和矩形，效果如图所示。
' e; g- i" S# d* p7 g, w
: P4 D3 i/ Y+ H/ N" {! _; ^


4 K* `6 f5 B" @2 t$ G7 [: A% d0 Q
2．制作弹出菜单条目　　同时选中对齐后的文字和矩形，选择Insert菜单下的Convert to Symbol，或在矩形上点鼠标右键，在右键菜单里选Convert to Symbol，或者按F8快捷键，在弹出对话框里的Type中选Button(按钮)，将这个矩形转换成一个按钮对象，


+ X% `3 W, p- K. O8 k# D