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

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

画一个100X30像素大小的矩形,选择Window菜单下的Info打开信息面板,直接输入数值精确调整尺寸和位置;

选中这个矩形,Ctrl+C复制,Ctrl+V原地粘贴,这时候两个矩形重叠,将上面这个矩形拖到旁边,同样使用信息面板定位;

然后分别选中这两个矩形,调整他们的填充色和边框色,方法有两种,一是利用工具面板上的Color工具区里的Stroke和Fill按钮,

二是选择Window菜单下的Stroke和Fill分别打开线型面板和填充面板,在面板上选择,注意的是线型要选"Pencilà1-Pixel Hard"或"BasicàHard Line"(如图),

这样输出后才能做出细边框效果;从工具面板上选择文字工具,输入文字,注意选择文字的平滑度为No Anti-Alias(关闭反锯齿,如图),

然后同时选中文字和其中一个矩形,从Modify菜单下的Align中分别选择Center Vertical和Center Horizontal来对齐文字和矩形,效果如图所示。

2.制作弹出菜单条目
同时选中对齐后的文字和矩形,选择Insert菜单下的Convert to Symbol,或在矩形上点鼠标右键,在右键菜单里选Convert to Symbol,或按F8快捷键,在弹出对话框里的Type中选Button(按钮),将这个矩形转换成一个按钮对象,

这时,将鼠标移到按钮对象中间的圆形标志上鼠标会变成手形,单击圆形标志,在弹出菜单中选择Add Pop_up Menu…,

然后就能够在弹出的Set Pop-Up Menu配置窗中配置您的弹出菜单了。如下图,笔者已配置了一些菜单条目。

大家能够在Text中配置条目的文字名称,在Link中配置条目的链接路径,在Target中配置打开链接的目标窗口,配置完后点一下"+"按钮就能够生成一个菜单条目了;假如想删掉,点中条目,再点"-"按钮就能够删除条目;假如想修改条目配置,只需点中条目,修改各项配置后点Change按钮即可。FW4的弹出菜单是能够做多级子菜单的,只要在根菜单条目下方建立子菜单条目,然后点中子菜单条目,再点窗口上方那两个蓝色图标按钮中的右边一个Indent Menu(菜单缩进,即设为子菜单)就能够了,反之,点左边那个Outdent Menu(菜单伸出,即设为根菜单)就能够将当前的子菜单配置成上一级根菜单。大家可能发现改变菜单条目的顺序好象不方便,其实很简单,只要点住条目并拖拉到您想要的位置就能够了。配置完菜单条目后,点Next进入菜单样式配置窗。
3.配置弹出菜单条目样式
值得一提的是,菜单样式的配置能够分成两种类型,


|