|
最新版本的Fireworks 4.0 不仅界面变得更加漂亮，和Flash 5、Dreamweaver 4更加相似，而且增加了许多新的功能。就象在3.0版本中 Macromedia公司添加了一个方便制作按钮的工具一样，这次增加了一个方便的制作下拉菜单的命令。我们只要四步就可以制作出一个非常棒的下拉菜单了，效果要比微软公司主页上的那个漂亮多了。
启动Fireworks 4以后，新建一个文件。首先我们要制作菜单标题。
我们先做第一个菜单。假设，“Online Sale”这个栏目中共有“Notice”、“Software”、“Hardware”、“The Market”等栏目，而在“Software”下面还有“ShareWare”、“FreeWare”两个子菜单。
当我们做好菜单标题以后，就需要对图像进行分割（slice）。使用切割工具(slice tool)在第一个菜单标题上用鼠标拖动出一个矩形框。
然后在Insert菜单中选择Pop－up Menu……出现Set Pop－Up Menu 对话框。在Text框中输入菜单命令，在target 中选择目标位置，在link中选择链接地址。输入完成以后，点击对话框左上方带有加号的按钮，这个菜单命令就被添加进去了。对话框中还有两个按钮是用来制作子菜单用的：一个是Outdent Menu，另一个是Indent Menu。选中我们刚才输入的“ShareWare”这个命令，然后点击Indent Menu，就可以发现这个菜单项被缩进了，这就说明，该菜单项是上一个没有被缩进的菜单项的子项目，这个和Microsoft Project有点类似。被缩进的菜单项就成了上一个没有被缩进的菜单项的子菜单了。同样的，我们把“FreeWare”这个菜单项也缩进。
点击Next，开始设置菜单的外观样式。如图4所示。默认的样式是以图片作为外观的。这样做的好处在于可以有更多的丰富的内容可供选择。非常可惜的是，这个制作菜单的工具并不支持中文字体，在Font字体列表中，只有常用的一些英文字体才被支持。可能是考虑到字体兼容性的缘故吧。选择好字体以后，可以选择字体的大小（Size）样式（加粗、斜体）。当中有两个选项，分别对应于正常状态和Mouse Over状态。两种状态都可以选择菜单项的字体颜色、背景颜色、快速样式。Fireworks 4在这里内嵌了21种各不相同、别具特色的样式，点击就能应用，而且你马上就可以在下面的预览中看到效果。
如果外观考虑到速度的关系，不用图片来表示，就只能够用html来描述了。选择HTML单选按钮，就可以发现，HTML方式比图片方式要简单许多，只有文字颜色和背景颜色可供选择。
选择完以后，单击Finish，就完成了一个下拉菜单的制作。其他两个菜单也都可以如法炮制。现在在图像上出现了一个特殊的slice。你可以把它拖到你喜欢的任何地方。
当然，一般还是放在菜单标题下面的。
OK，一个看上去非常复杂的带有子菜单的下拉菜单就这么简单的做好了，如果你迫不及待的想看看效果，可以按F12键进行预览。非常COOL，不是么？
| 
