首页 新闻 安徽 体育 财经 黄梅 旅游 军事 娱乐 法治 教育 伊人 健康
繁体中文
 IT 彩信 读书 汽车 演艺 音乐 徽商 书库 邮件 论坛 贺卡 相册 交友
简体中文
精彩图库 业界动态 观察分析 手机数码 电脑教室 软件下载 游戏人间 本地市场
精彩推荐
v数字电视传输拒绝欧洲标准 国标有望近期出台
v据称广电总局有望于2005年发放网络电视牌照
vQQ大面积瘫痪不能使用 疑为再次遭受软绑架
v微软NT 4.0退位 Linux可能成为升级选择
v中电信明年力推网络电视 称不存在政策障碍
v200万像素 三星折叠旋屏新机V5100曝光
v公主的夜妆 60GB彩屏iPod多图评测
v《生与死X》Kasumi比肩尼装欣赏
v【组图】《墨香》劲爆美图,绝对经典
精彩图片
  您当前的位置 :IT地带 > 电脑教室 > 网页制作 正文
图解:怎样用Fireworks制作专业下拉导航条

中安网  2004-12-30 13:03

  天极网12月29日报道 Fireworks MX 2004中的新增功能可以帮助我们非常方便地在网站上添加图形和交互元素。对于对不太熟悉和了解代码编写或JavaScript的新手来说,Fireworks MX 2004可以最大限度地提高工作效率。

  今天我们用Fireworks MX 2004来设计一个很酷的弹出式下拉菜单,不需要掌握javascript编程语言,你只需要按照我给你的步骤做下去,你就可以随心所欲地制作自己的弹出式下拉菜单了。

  步骤1:设计制作图标按钮

  运行Fireworks MX 2004,新建一个776*80的编辑区,设置背景颜色为#737e90,我们的目的是把这个编辑区打造成一个包含Javascript的下拉菜单导航条。在编辑区利用工具矢量区的矩形工具画好按钮的初始图形,编辑重点在按钮的视觉效果。我们首先用矩形工具画6个80*22的矩形,矩形边框颜色设置为透明,矩形背景颜色为#515764,然后选中所有的矩形,再在属性窗口中设置矩形圆度为60,如图:

  

创建按钮:先设置好按钮的矩形外观

  为了达到很好的视觉效果,需要对按钮进行加工,还是在属性窗口中,在“效果”弹出列表中选择“斜角和浮雕”,在“斜角和浮雕”弹出列表中选择“凸起浮雕”,设置参数如下图:

  

调整浮雕视觉效果让按钮呈现立体感

  你可以更改参数设置,达到你想要的效果,当然,你还可以选择其它的效果如“凹入浮雕”等等,可以进行不同风格的尝试。

  重复地对每一个矩形进行如上操作,设置好后将它们一字排开,间距为1,底线与编辑区底线重合。利用矩形工具再画一个背景颜色与上面六个矩形背景一样的矩形,长度与高度分别为485和10,将这个矩形拖到上面六个矩形的前面,底线与编辑区底线重合(这个矩形的作用在于遮挡上面六个矩形之间的间隙,形成一个倒弓状的按钮排列阵),效果视图如下:

  

重复以上两步操作按钮导航的基本样式出来了

  OK,基本工作已经完成,接下来编辑按钮上的文字。

  一般认为,按钮上的文字最好是在网页中编辑,这样以便灵活地更换链接名称,但如果您所要做的链接名称已经定了下来,也不妨把这些链接名称直接做成图片,下面我们来进行操作。

  鼠标选取文本工具,在第一个按钮前定位并输入“设计在线”四个字,设置字体为仿宋,字体大小为12,字体颜色为白色,如果你觉得色彩不够鲜艳你可以选择其它的颜色,或者选中刚才输入的文本,在属性窗口中的“效果”列表框中将其锐化。分别对其他按钮进行如上操作,得到如下视图:

  

给按钮加上文字

  接下来的操作就是要对编辑区进行切割使之形成热点区,在工具的web栏中选择“切片”工具,对每一个按钮进行切割,其余部分不用管它,切割时以按钮的边线为切割线,切割好后,整个编辑区形成9块,如图所示:

  

切割可是个考验你细致、耐心的工作

  1  2  下一页
编辑: 丁毅
 ∷【相 关 报 道】∷
-【图文】用Fireworks实现照片撕裂效果   04-12-08 11:00
-Fireworks MX 2004绘制简笔QQ企鹅   04-11-16 11:09
-Fireworks制作GIF动画广告BANNER   04-11-02 11:33
-Fireworks使用技巧及常见问题解答   04-09-28 14:11
-用Fireworks绘制纸折扇   04-08-04 17:52
 

中国安徽在线网站(中安在线)版权所有 未经允许 请勿复制或镜像
皖ICP证 030106号