Fireworks的技巧应用——弹出菜单的制作方法

Fireworks的技巧应用——弹出菜单的制作方法Fireworks的技巧应用——弹出菜单的制作方法 Fireworks的技巧应用——弹出菜单的制作方法 IT艺创作丁,墨T 厂前言:FireworksMX是 Macr0media公司最新推出制作 Web图形的专业工具软件,与Pho— toshop等大型绘图工具软件相比,Fire— Works体积小,针对性强,是网页设计的得力助手.本文通过介绍Fireworks弹出菜单制作方法的技巧,使读者了解到Fireworks在制作图形的方便之处,但愿能起到抛砖引玉之效果. DW(Dre...

Fireworks的技巧应用——弹出菜单的制作方法 Fireworks的技巧应用——弹出菜单的制作方法 IT艺创作丁,墨T 厂前言:FireworksMX是 Macr0media公司最新推出制作 Web图形的专业工具软件,与Pho— toshop等大型绘图工具软件相比,Fire— Works体积小,针对性强,是网页设计的得力助手.本文通过介绍Fireworks弹出菜单制作方法的技巧,使读者了解到Fireworks在制作图形的方便之处,但愿能起到抛砖引玉之效果. DW(Dreamweaver),FW(Fire works),Flash通常被称为"网页设计三剑客",这三件"武器"均是由着名的Macromedia公司出品,经过长时间的市场和时间的检验, "三剑客"已经逐渐被业界公认为最优秀的网页设计工具之一.这不仅仅是因为这三样工具各自所具有的超凡本领,更是因为这三样工具之间有很好的兼容性和互通性. W,FW的最下面就以D 新Mx版本为例,介绍一下如何在FW中制作一个弹出菜单,并将其导人到DW中来. 所谓的弹出菜单通常是在 Web页中由鼠标来触发的一种菜单导航效果,当鼠标移动到导航菜单上触发条件,就会显示出弹出菜单,当鼠标从导航菜单上移图l 开,弹出菜单就会自动消失.触发条件既可以是鼠标的技巧应用安徽老易通过(OnMouseOver),也可以是鼠标单击(OnClick),这种结构的菜单使我们能更加灵活的组织我们的菜单结构,而且下载时间较短. ?呈 !竺竺IE=口豆]三蚓 I釜I2 首先我们来制作一个带有四个选项的菜单条,并且为每一个导航条选项增加切片对象,如图1 所示(FireworksMX的弹出菜单动作,只能应用在按钮对象,切片对象或是热区对象上). 在其中的一个按钮上添加鼠标事件,即添加菜单行为的过程, 就要先选中其中的一个切片,然后打开Behaviors面板,点击"+" 按钮添加弹出菜单行为命令Set r^;IT艺了lc创作 Pop—UpMenu,此时弹出女口图 2所示的对话框, 这是一个弹出菜单的向导我们根据这个窗口就可窗口, 以很容易的制作出一个弹出菜单,并设定菜单中的相应选项.我们可以分别在这个对话框中的Text选项,Target选项或是Link选项中填入菜单选项名称,链接框架以及链接地址参数,如果需要再增加下一个菜单选项,可以点击"+"按钮,这两个按钮可以控制子菜单的显示层次,点击右边的按钮可以使菜单项缩为下一级, 点击左边的按钮可以使下一级菜单项向上升一级,应根据实际情况进行使用,利用这两个按钮可以制作出多级弹出菜单.设置好的菜单结构图如图3 所示. 接下来点击NEXT或直接点击Appearance选项卡,用来设置菜单的外观和格式属性, 如图4所示. Cell选项:这是用来定义输出的菜单格式,有两种选择, 一种是HTML 表格形式,另一种是图片形式. Font选项:用来指定文字的字体格式(注意:由于用Fw 制作的弹出菜单中的文字在网页中不是以图片的形式来显示,因此,在选择字体时应该尽量选择较常用的字体),Font选项旁还有Size以及B,I的选项,分别用来设置字体以及加粗和设置斜体等格式,相信这些按钮大家都应该相当地熟悉. UpState和OverState选项根据选择的菜单输出类型不同而存在不同的选项,分别对应 HTML和图形的不同外观.Up State 表示默认状态时的菜单状态,OverState表示激活状态时的菜单状态, 也就是鼠标经过时的状态.当我们将上面的 Cell选项设为Image选项时,在Up和Over选项中还会多了一个按钮样式选项,在Fw中内置了一些按钮样式,当然我ff]tE可以根据自己的需要,设计制作自己的菜单样式. 设置到此时,基本上就可以点击Finish按钮,完成菜单选项的设 .当然,在Mx版本中置还增加了Advanced和 Position两个选项卡,有兴趣的朋友,可以自己试着做进一步的设置, 如果在默认的情况下, 设置到这里就基本结束了一一 =I wlu?l-l 口?ttI}J ??I'lI l?I-hII 'ml IfA 1, 离霜上.竺:I一墨I 图3 此时,回到主窗口,我们就已经完成了一个按钮的制作, 这时按F12键,就可以看到我们刚刚制作的弹出菜单的效果了,如果对制作的菜单效果不满意或还要设置更多的按钮可以根据上面的方法做进一步的设置和调整. 完成全部的设置后,就可以将制作的弹出菜单导出成 html格式的文件,然后用DW 进一步的修改,并将其中的代码插入到需要的页面中.对于在DW中如何修改Fw导出的文件,以使菜单符合我们的要求,将在下期中再为诸位做更深层次的介绍. ' ,l!胳知与矗蠢图4

                    本文档为【Fireworks的技巧应用——弹出菜单的制作方法】，请使用软件OFFICE或WPS软件打开。作品中的文字与图均可以修改和编辑，
                    图片更改请在作品中右键图片并更换，文字修改请直接点击文字进行修改，也可以新增和删除文档中的内容。 
 该文档来自用户分享，如有侵权行为请发邮件ishare@vip.sina.com联系网站客服，我们会及时删除。

                    [版权声明] 本站所有资料为用户分享产生，若发现您的权利被侵害，请联系客服邮件isharekefu@iask.cn，我们尽快处理。

                    本作品所展示的图片、画像、字体、音乐的版权可能需版权方额外授权，请谨慎使用。

                    网站提供的党政主题相关内容(国旗、国徽、党徽..)目的在于配合国家政策宣传，仅限个人学习分享使用，禁止用于任何广告和商用目的。
                

下载需要：免费已有0 人下载

立即下载

Fireworks的技巧应用——弹出菜单的制作方法

你可能还喜欢