admin管理员组

文章数量:1533913

2024年6月18日发(作者:)

维普资讯

IT艺 创作 丁, 墨T 

厂 前言:Fireworks MX是 

Macr0media公司最新推出制作 

Web图形的专业工具软件,与Pho— 

toshop等大型绘图 

工具软件相比,Fire— 

Works体积小、针对 

的技巧应用 

性强,是网页设计的 

得力助手。本文通过 

介绍Fireworks弹出 

菜单制作方法的技 

巧,使读者了解到Fireworks在制 

作图形的方便之处,但愿能起到 

安徽 老易 

抛砖引玉之效果。 

DW(Dreamweaver)、FW(Fire 

通过(On Mouse Over),也可以是 

works)、Flash通常被称为“网页设 鼠标单击(On Click),这种结构的 

计三剑客”,这三件“武器”均是由 菜单使我们能更加灵活的组织我 

著名的Macromedia公司出品,经 们的菜单结构,而且下载时间较 

过长时间的市场和时间的检验, 

短。 

“三剑客”已经逐渐被业界公 

认为最优秀的网页设计工具 

■ 呈 

之一。这不仅仅是因为这三 

样工具各自所具有的超凡本 

领,更是因为这三样工具之 

间有很好的兼容性和互通 

性。 

下面就以DW、FW的最 

新Mx版本为例,介绍一下如 

何在FW中制作一个弹出菜 

!竺竺IE= 口豆]三蚓 

单,并将其导人到DW中 

来。 

I釜I 2 

所谓的弹出菜单通常是在 

首先我们来制作一个带有四 

Web页中由鼠标来触发的一种菜 

个选项的菜单条,并且为每一个 

单导航效果,当鼠标移动到导航 

导航条选项增加切片对象,如图1 

菜单上触发条件,就会显示出弹 

所示(Fireworks MX的弹出菜单动 

出菜单,当鼠标从导航菜单上移 作,只能应用在按钮对象、切片对 

开,弹出 

象或是热区对象上)。 

菜单就会 

在其中的一个按钮上添加鼠 

自动消 

标事件,即添加菜单行为的过程, 

失。触发 

就要先选中其中的一个切片,然 

条件既可 

后打开Behaviors面板,点击“+” 

图 l 

以是鼠标 按钮添加弹出菜单行为命令Set 

维普资讯

r^ ; 

Pop—Up Menu,此时弹出女口图 

2所示的对话框, 

IT艺了lc创作 

HTML和图形的不同外观。Up 

State表示默认状态时的菜单 

状态,Over State表示激 

一 一 

这是一个弹出菜单的向导 

窗口,我们根据这个窗口就可 

活状态时的菜单状态, 

也就是鼠标经过时的状 

=I 

l 

 

■ 

■ 

lu● l - l 

以很容易的制作出一个弹出菜 

单,并设定菜单中的相应选 

口¨tt  I

I ’

I- h 

 }

 l

 I

J 

 I

 I

’m 

 If 

态。当我们将上面的 

Cell选项设为Image选 

 l

A 

项。我们可以分别在这个对话 

框中的Text选项、Target选项 

项时,在Up和Over选 

项中还会多了一个按钮 

样式选项,在Fw中内 

置了一些按钮样式,当 

然我ff]tE可以根据自己 

1 , 

或是Link选项中填入菜单选项 

名称、链接框架以及链接地址 

参数,如果需要再增加下一个 

离霜 上 .竺:I一墨I 

菜单选项,可以点击“+”按 

钮,这两个按钮可以控制子菜 

的需要,设计制作自己 

的菜单样式。 

设置到此时,基本 

图3 

单的显示层次,点击右边的按 

钮可以使菜单项缩为下一级, 

点击左边的按钮可以使下一级 

菜单项向上升一级,应根据实 

际情况进行使用,利用这两个 

按钮可以制作出多级弹出菜 

单。设置好的菜单结构图如图3 

所示。 

上就可以点击Finish按 

钮,完成菜单选项的设 

置。当然,在Mx版本中 

还增加了Advanced和 

Position两个选项卡,有 

兴趣的朋友,可以自己 

接下来点击NEXT或直接 

点击Appearance选项卡,用来 

设置菜单的外观和格式属性, 

如图4所示。 

试着做进一步的设置, 

如果在默认的情况下, 

设置到这里就基本结束 

了 

图4 

Cell选项:这是用来定义 

输出的菜单格式,有两种选择, 

此时,回到主窗口,我们就 

已经完成了一个按钮的制作, 

这时按F12键,就可以看到我 种是HTML表格形式,另一 

种是图片形式。 

们刚刚制作的弹出菜单的效果 

了,如果对制作的菜单效果不 

满意或还要设置更多的按钮可 

以根据上面的方法做进一步的 

设置和调整。 

完成全部的设置后,就可 

Font选项:用来指定文字 

的字体格式(注意:由于用Fw 

制作的弹出菜单中的文字在网 

页中不是以图片的形式来显 

示,因此,在选择字体时应该尽 

量选择较常用的字体),Font选 

项旁还有Size以及B、I的选 

以将制作的弹出菜单导出成 

html格式的文件,然后用DW 

进一步的修改,并将其中的代 

码插入到需要的页面中。对于 

项,分别用来设置字体以及加 

粗和设置斜体等格式,相信这 

些按钮大家都应该相当地熟 

悉。 

Up State和Over State选项 

在DW中如何修改Fw导出的 

文件,以使菜单符合我们的要 

求,将在下期中再为诸位做更 

深层次的介绍。 

‘ 

根据选择的菜单输出类型不同 

而存在不同的选项,分别对应 

、l!胳知 与矗蠢 

本文标签: 菜单选项按钮制作设置