用 Fireworks 制作精彩按钮

网页中最常见的东西就要算是链接了。如果把互联网比喻成信息高速路的话那么浏览器就可以说成是载着你的汽车，链接就要算是路边的指路牌了。可见链接对于一名浏览者的重要性。链接有很多种，最普通的链接应该说是文字加下划线，简单明了但不够美观。爱美之心人皆有之，谁不想让自己的页面更漂亮，又有谁不喜欢在外观动人的主页上驻足观看。所以按扭越来越多的出现在了网页上。一幅静态的小图案、一个可爱的小动画，比起一行行带着横线的文字可要精彩的多。再加上它对鼠标的动作响应，也许几个小小的按扭就会给你的主页带来无穷的生机。我在开始做主页的时候也是从下划线开始的，后来看见别人的主页上漂亮的按扭和导航栏真是羡慕不已。慢慢的在自己的主页上加了图形按扭，不过图是拿别人的。后来自己用Photoshop画，可还要用烦人的HTML、JavaScript真是麻烦。然后找到一些简单的按扭制作工具，但毕竟是简单，以至很难实现自己的构想。最后我发现了Fireworks这个不错的软件，fireworks其它的优点就不说了，单讲由于它是面向网页制作而设计的，就使得我这个网页作坊主对它爱不释手。Macromedia的开发人员当然不会忘记在这个主页图形制作软件中加入按扭制作这个功能。相比那些小型的按扭制作工具，由于它是基于fireworks的图形处理的所以应该说fireworks具有很强的按扭制作功能，而且同样简单，不需要掌握Javascript和html就可以制作出所有浏览器支持的关于鼠标响应的事件。下面我就一步步的介绍fireworks的按扭制作过程。 首先打开fireworks，当然要建立一个页面。选择Insert > New Button你会看到一个新窗口Button Editor。我们可以看到在这个标签板试的窗口中有五个标签。依次代表的是Up，鼠标事件没有发生时的按扭外观。Over，鼠标在按扭上时的外观。Down，鼠标左键按下时的外观。Over while Down，当按扭已被按下后鼠标回到按扭上时的按扭外观。最后一个标签Active Area，是按扭的鼠标动作响应区，就是说只有你的鼠标在这个区域内才发生诸如Over定义的等等改变。它在你的Up标签画好后回自动定义一个区域，当然如果你的按扭不规则也可以自己改。在这个窗口正中间的是按扭外观的编辑区，一般都是从Up标签开始编辑，你就开动脑筋从左边的工具栏中选取工具随意地画吧。画完就点到Over标签，看到这个标签里多了什么吗？就是右边的copy up graphic按扭，点一下你回发现刚才Up标签里的按扭又出现在了Over里。这个功能是因为大多数按扭在鼠标事件的响应中不会有什么本质的外性变化，比如立体按扭，鼠标悬停或按下时都是产生按扭下陷等动作，所以没必要从画一个按扭，而用复制拷贝又很难对准位置。怎么样，Fireworks想的很周到吧，它还对那些要求高的用户设计了“洋葱头”功能onion skinning，选上它你就可以看到前面画完的按扭淡淡的身影了。也许你只需少做改动，Over也完成了。看看Down里好象又多了个选项Include Nav Bar Over While Down State，它的功能就是制作类似新浪等大网站的导航条，当新的页面被调出后按扭产生Down的变化。后面的Over while Down就没什么新东西了。最后的Active Area还是应该重点说说的，看到右边的Link Wizard了吗？点击一下会跳出一个新窗口。 看来里面的选项不比Button Editor少多少，Export Settings是用来设置输出图象格式的它可以单独定义按扭的图象输出格式，用以区分同时输出的其它图象。Link中第一个框中No URL (noHREF)的地方填入你的链接地址。在左边写着的框中写下的内容将会在鼠标悬停与按扭上时出现，也就是用作内容提示。最后一个框是浏览器状态栏（就是浏览器左下角的那个框）的内容，当你的鼠标移到按扭上时状态栏会显示你输入的内容。Target标签里有_blank _self _parent _top几个选项，如果你不知道这是什么，还是先学学FrontPage再来看Fireworks吧，呵呵。Filename里填写的内容是你的按输出时的按扭图形文件名，如果你默认的话，它将会以你的fireworks文件名命名。好了，这几步完了，你的按扭就可以算是完成了。回到主编辑窗口，看到你的按扭了么？当然你可以在主窗口中任意移动按扭位置。然后可以Preview一下，看看是否满意。如果觉得还要改双击你的按扭就可以回到Button Editor了。完成后输出就行了，输出按扭包括一个HTML页，和几个图形文件。用一个html编辑器比如记事本打开它，按着上面的提示把html语句粘贴到你的页面中就大工告成了。