fireworks做动态按钮 -pc6资讯

您的位置：首页 → 网页设计 → Firework → fireworks做动态按钮

fireworks做动态按钮 时间：2004/11/7 2:27:00来源：本站整理作者：蓝点我要评论(0)

　　　　　　　　　　　　

　　　　　　　　　　　　要想制作一个劲爆网站,精美的动态按钮是必不可少的，我不知多少次在别人那构思巧妙，制作精美的
按钮前流连忘返，用鼠标反复试验它的效果，久久不忍按下....但是看来容易做起来难，要做动态按钮，
我们必须在图型处理软件中反复的输入文字，设定颜色，调整对齐，然后再反复的输出，重命名。而当
我们对按钮效果不满意，要对其进行修改时，还要重复的进行这些工作......这么多烦琐而乏味的重复
劳动大量的浪费了设计师的宝贵时间，尤其是对专业设计师来说简直是场恶梦。凡是有一定制作经验的
网友大概都经历过这样一段痛苦时光，直到macromedia公司的fireworks3.0面世才将广大的设计者从水
深火热的重复劳动中逐渐的解脱出来。但是人总是不之足的，很快我们发现fireworks3的按钮制作也并
不是十全十美的，换句话说它只能用来做一些很简单的动态效果，对于一些复杂的动态按钮就力不从心
了，比如说下拉菜单。说到这，我忍不住要为macromedia唱赞歌了，因为它们推出了fireworks的下一代
firworks4.0。有了它，不用再羡慕那些复杂的动态效果了，花一点时间，你会发现一切都是这么容易。
要做动态按钮首先我们应当了解按钮的几种状态：
Up：按钮默认状态，即通常在网页上显示的状态，这时的鼠标是不在按钮范围之内的。
Over：鼠标滑过按钮时的状态。
Down：鼠标按下时按钮状态，
Over While Down：鼠标滑过处于Down状态下按钮的时候按钮的状态，没有必要使用。
好，了解基本知识之后，让我们进入firworks4的神奇世界。
首先，我们来创建一个按钮，选择：Insert->New Button 这样就会出现按钮编辑器，默认是先编辑up状
态下的按钮。在按钮编辑器的下方有一排控制条，左边的部份是对按钮动画的预览控制，右边的图标是
工具面板的控制按钮，很简单的，大家试一下就知道了。现在我们先在up状态下画一个按钮，画按钮的
方法和在firworks的普通介面下是一模一样的，所有的工具都可在按钮编辑状态下使用，发挥你的想象
力吧！
切换到over状态，你可以单击copy up graphic按钮将在up状态做好的图案复制到over状态，并在此基
础上继续编辑。也可以重新编辑一个新图型。
同样你可以编辑在down和Over While Down状态下的年钮图形，我就不再多说了。
最后切换到active area状态，在这里，我们可以为按钮设置超链接，点击link wizard按钮，在
export setting中设置输出的图片格式，在link中设定按钮的超链接，超链接的alt属性及浏览器状态栏显
示的文字，在target中我们可以控制点击按钮后打开网页的位置，是在原窗口打开还是新开一个窗口等。
最后在filename中为按钮命名。所有设定的内容最后都会输出成标准的HTML代码，我们要做的只是简单的
将输出的代码复制到网页中的相应位置，如果你选择了Set Active Area Automatically，那fireworks4将
会自动设置一个切割，切割的大小与按钮的大小是一致的，这对于我们这些想偷懒的人来说是再好不过了。
如果你完成了这些设置那么大功告成了！
关闭按钮编辑器，我们可以看到一个带有切割和热区的按钮已经做好了。你可以预览一下，如果你对效果
不满的话，你可以双击按钮就可再次对其进行编辑。
你是不是也曾为了那漂亮的下拉菜单心动呢？放心马上你也可以拥有一个。
现在让我们进行最关键也是最后的一步，做一个下拉菜单。先单击做好的按钮，在按钮中心会出现一个小圆，
单击小圆点，出现一个菜单，我们选择第三项add pop up menu...出现一个表单，是不是看上去有些眼熟？很象
dreamweaver吧？到底是一家人啊。单击加号，然后在下方的文本框内填上你想要的文字，加上链接，然后重复
以上步逐，直到你把你的下拉菜单项完全加完。
点击next，在这里设置下拉菜单是使用图片还是文字以及文字的字体，大小等。fireworks为我们提供了大量
的样式选择,多试几次,肯定能找到你喜欢的那种组合。
现在一切都完成了, 让我们按下F12来看看fireworks魔术般的效果...

文章评论

查看所有0条评论>>

热门文章 没有查询到任何记录。