|
t class="content">
Fireworks作为Macromedia公司推出的网络三剑客之一,具有非常强大的功能,利用其新版本Fireworks
4增加的功能可以轻松地制作漂亮的下拉菜单,下面就请跟我来:
菜单制作
1、打开Fireworks 4,新建一个800×600的文档,选择工具栏的圆弧工具并且底色设定为红色。
2、在上面的文档中做三个按钮(如图)。选择文字工具,点击按钮上面,然后,输入你需要的文字,颜色选择白色。选中按钮,在效果里面,点击右边向下的小箭头,选择阴影和发光中的阴影。
3、点击左边工具栏“Slice Tool(切片工具)”,将三个按钮分割开。注意:在分割时,尽量减少红线。
4、用鼠标右键单击“氧气交友”按钮,在弹出菜单中选取“Add Pop-Up
Menu(添加弹出菜单)”选项,出现一个新窗口。然后,在文本里面,填写你需要显示的菜单栏目,在链接里面填写你需要链接去的URL,目标里面填写目标框架。点击Menu(菜单)旁边的加号,在下面就会多出一个表格。点击多次,然后把你需要的内容填写好。
5、点击“下一步”,选择使用文字 + HTML或图片,然后按“Finish”完成。
菜单应用
1、按“文件”菜单的“Export”选项,导出HTML文件,到IE中去浏览一下,是不是很酷!
2、选中外面的大表格,在工具栏中的Align中选取“Center”,将表格居中。注意:现在是按钮的位置改变了,而下拉菜单的位置却没有改变,所以务必将菜单的位置定位改过来。
3、点击左上角的“Show Code View”按钮,进入代码编辑界面。
观察绿色代码,找到代码< a href="#" onMouseOut="FW_startTimeout();" 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分别指菜单的宽和高,当然也可以进行反复修改,然后再预览,直到满意为止!
|