进入旧版 | 服务项目 | 成功案例 | 联系方式 | 过客留言 | 友情链接
   
设为首页
加入收藏
联系我们
网站首页 | 新闻资讯 | 操作系统 | 办公软件 | 网络软件 | 工具软件 | 媒体动画 | 网页制作 | 网站开发 | 程序开发 | 平面设计
Photoshop视频教程 | Word入门 | Flash入门 | JScript | VBScript | ASP | PHP | ADO | 网页特效 | 3DS MAX6.0命令 | 系统进程
您当前的位置:GOODSGY电脑学习网 -> 网页制作 -> FireWorks -> 文章内容  
下拉菜单全攻略之Fireworks篇(下)

  一种是如前图所示的HTML模式,一种是如后图所示的Image(贴图)模式。它们的区别是,HTML模式下,菜单样式完全由代码控制,即时计算生成,显示速度当然极快,非常流畅;Image模式下,菜单条目的背景可以显示图片,每次菜单弹出时,就会即时下载背景贴图,这样对高速网络用户来说几乎感觉不到,但是对慢速网络用户,就会明显觉察到贴图下载显示的时间滞后,造成不流畅的感觉。但是由于Image模式生成的菜单可以使用漂亮的贴图,虽然FW4种提供选择的贴图样式并不多,共21种,但只要在输出后,找到这些图片,用自定义的尺寸一致图片替换掉,就可以做出完全属于自己的个性菜单,比如在贴图上打上你自己的网站Logo等等。这里笔者选择HTML模式。样式设置窗中,Up State是用来设置菜单条目处于普通状态时的样式,Over State是用来设置鼠标移到菜单条目上时的样式。另外,Font是用来选择显示的字体,为了在网页上能清晰显示字体,建议大家在字体大小Size中选择12,"B"按钮是使用粗体字,"I"按钮是使用斜体字。样式设置将即时在下方的Preview区域中显示,完成设置后点Finish按钮生成弹出菜单。www.goodsgy.com

4. 调整弹出菜单位置www.goodsgy.com

  如图所示,生成的弹出菜单将以蓝色线框表示,它的位置就是鼠标移到母菜单按钮上它弹出的位置,大家可以点住弹出菜单的蓝色线框,拖拉到你想要它弹出的位置,比如笔者想让它在母菜单按钮下方弹出。www.goodsgy.com

www.goodsgy.com

5.调整母菜单按钮与弹出菜单样式一致www.goodsgy.com

   有的朋友说,既然弹出菜单已经有样式了,那么母菜单怎么办?其实笔者早已想到,所以刚开始把母菜单做成了按钮对象,双击母菜单按钮对象,打开按钮对象编辑窗,自己动手改按钮的各个状态吧,这属于FW4的基本操作,笔者这里就不罗嗦了。www.goodsgy.com

www.goodsgy.com

6.输出弹出菜单www.goodsgy.com

   刚才一直跟着做一定很累,所以另外还有一个矩形就留给大家自己练习一下。完成后可以选择File菜单下的Export Preview,或者按Ctrl+Shift+X快捷键打开输出设置窗口。如图十七所示,在Option标签页下方的透底选项中选择Alpha Transparency,Matte(基底色)中选择你实际网页使用的背景色,这样菜单就可以和你的网页天衣无缝地融为一体。www.goodsgy.com

www.goodsgy.com


  点Export按钮,如图十八,自己设置输出路径和文件名,并选择保存类型为HTML and Images,HTML选项中选Export HTML File,Slices选项中选Export Slices,最后点保存按钮,弹出菜单就输出完成了。www.goodsgy.com

www.goodsgy.com

现在你可以打开你输出的HTML文件看看你的工作成果了。关掉FW4吧,下面没它的事儿了。www.goodsgy.com

[金鹰3DS MAX7.0 多媒体教程] [巧夺天工——Flash MX 2004入门与进阶实例]
www.goodsgy.com

[1] [2] [3]  下一页

在百度中搜索:下拉菜单全攻略之Fireworks篇(下)
在Google中搜索:下拉菜单全攻略之Fireworks篇(下)
在Yahoo中搜索:下拉菜单全攻略之Fireworks篇(下)

收藏到网摘:新浪VIVI 365key 我摘 POCO网摘 博采中心 YouNote 和讯网摘 天天收藏
[] [返回上一页] [打 印] [收 藏]
上一篇文章:Fireworks 的文字环绕

 相关文章    最新文章
· [组图] LiveMotion制作下拉菜单
· Javascript调用XML制作连动下拉框
· 一个很通用的javascript的下拉菜单
· CSS+DIV设计实例:纯CSS制作下拉导航菜单..
· [组图] 下拉菜单全攻略之Flash篇(上)
· [组图] 下拉菜单全攻略之Flash篇(下)
· [组图] 下拉菜单全攻略之Flash篇
· [组图] 下拉菜单全攻略之Fireworks篇-1
· [组图] 下拉菜单全攻略之Fireworks篇-2
· [组图] 下拉菜单全攻略之Fireworks篇-3
 
· [组图] Fireworks渐隐线的两种做法
· [图文] Fireworks中制作渐隐线技巧一则
· [组图] Fireworks绘画小技巧
· [组图] FW制作放射光感字体效果
· [组图] Fireworks 打造无限宇宙
· [组图] 教你用Fireworks制作Logo
· [组图] Fireworks的高级操作技巧集合
· [组图] 用Fireworks 制作纸张卷边效果
· [组图] Fireworks教程:自制树叶笔触绘制榕..
· [组图] Fireworks滤镜巧绘极光字特效

∷相关文章评论∷    (评论内容只代表网友观点,与本站立场无关!) [更多评论…]
站内搜索

精彩图文
  网站导航  
操作系统 办公软件 网络软件
Vista Windows2003 WindowsXP Windows2000/NT Windows9X/ME Linux 其他 Word Excel Powerpoint Outlook 金山系列 其他 网页浏览 上传下载 联络聊天 邮件工具 服务器软件 网络辅助
工具软件 媒体动画 网页制作
系统工具 媒体工具 压缩工具 图文处理 文件管理 其他 3DMAX Authorware Director Maya 视频处理 其他 Flash Dreamweaver FireWorks FrontPage LiveMotion Golive HTML/CSS 其它
网站开发 平面设计 程序设计
ASP JSP PHP CGI JavaScript VBScript XML/SOAP Web服务器 Photoshop PhotoImpact CorelDraw Illustrator Freehand 设计欣赏 其他 VB VC .NET C/C++ DELPHI JAVA

冀ICP备05019428号
Copyright © 2004-2008 电脑学习网 Inc.All rights reserved.
TEL:13832340607
QQ:39873155
E_Mail:goodsgy(#)hotmail.com   (把(#)替换成@)
MSN:goodsgy(#)hotmail.com   (把(#)替换成@)