电脑软硬件应用网
当前位置: 电脑软硬件应用网 > 设计学院 > 网页设计 > 正文
用Fireworks4制作网页按钮下拉菜单
用Fireworks4制作网页按钮下拉菜单
2005-12-30 19:14:04  文/45IT收集   出处:电脑软硬件应用网   

 
  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分别指菜单的宽和高,当然也可以进行反复修改,然后再预览,直到满意为止!
 

  • 上一篇文章:

  • 下一篇文章:
  • 最新热点 最新推荐 相关文章
    设计理论-fireworks VS photoshop 的…
    说说photoshop与Fireworks的区别与联…
    Fireworks 8制作精美网页效果图
    Fireworks简单方法打造网页“闪字”…
    使用Fireworks 简单绘制竹子
    Fireworks中设计网页虚线的几个妙招
    Fireworks制作妇女节主题宣传动画
    用Fireworks制作简洁清爽的网站界面
    Fireworks绘制简笔QQ企鹅
    Fireworks蒙版制作图片窗格效果
    关于45IT | About 45IT | 联系方式 | 版权声明 | 网站导航 |

    Copyright © 2003-2011 45IT. All Rights Reserved 浙ICP备09049068号