轻松下载流媒体文件

Fireworks 4制作下拉菜单

下拉菜单是目前比较热门的网页交互方式之一。但是由于制作此类菜单需要懂得一定的Javascript语言或者操作步骤比较麻烦。现在有了Fireworks 4就简单了。
闲话休提，言归正传。新版本的Fireworks 4，在界面上，跟Fireworks 3没有多大区别。打开Fireworks 4，新建一个文档，页面像素为800×600（DPI）。利用一些基本作图技术，制作出几个按钮。
接着点击左边工具栏切刀工具，将几个按钮切下来。右击“我的历程”按钮，选取add pop-up Menu选项。
在文字栏中填上菜单内容，连接栏中填入要连接的页面，之后按加号添加。按类似的方法，再添加几个，在本文例子中填入四栏,按“next”键继续。
在此，让我详细地介绍一下以上窗口的内容。Cell栏：菜单选项的格式，html是html文本格式，而image是指图片格式。选择不同，会有不同的效果。在此，本人较赞成用图片格式，因为那看起来较漂亮些。下面是字体和字号的选择。upstate是指鼠标放到按钮时的字体设置和菜单格的设置。overstate是指鼠标放到菜单栏时字体的设置和菜单格的设置，可以选择一种喜欢的格式。下面那栏是预览栏，因为该软件对中文支持不好，所以显示为这样，不过你可以不管它，因为导出时是没有事的。之后，按“Finish”搞定。完成这些设置后，按“文件”菜单的“Export”，导出html文件，这样就可以预览。
要说明一下的是，如果在制作图片时，图片的大小低于像素800×600（DPI）的话，页面的按钮和图像就会靠到左上角。想校正这些要花点时间，不过很容易，研究一下代码就可以轻松搞定。在这里用Dreamweaver 4.0将它打开，选中外面的大表格，在工具栏中的align中选取“center”，将表格居中。但是，要注意，你把按钮的位置改变了，而下拉菜单的位置。却没有改变，所以你务必将菜单的位置定位改过来。点击左上角的“show code view”按钮，进入代码编辑界面。观察绿色代码，找到代码：
onMouseOver="window.FW_showMenu(window.fw_menu_0,9,117);" >
“9”是菜单的横坐标位置，“117”是纵坐标位置。可以作一些调试，在这里把“9”改“144”就行了。
如果再想改菜单格的宽和高的话，你可以修改该页中head里的代码：
window.fw_menu_0 = new Menu("root",113,25,"Times New Roman,
Times, serif",18,"#0000ff","#ffffff","#666666", "#000000");
其中“113”，“25”两个数字分别指的是菜单的宽和高，你可以作些改正，再预览一下，直到你满意为止！
运用Fireworks 和Dreamweaver来制作下拉菜单就谈到这里，希望朋友们模仿着做出更漂亮的菜单来。
(jinhua)