Fireworks设计制作标签式的网页导航条实例教程

掌握Fireworks打造标签式导航条效果的秘诀

在当下网页设计领域，标签式导航条效果已成为众多大网站的标配。如果你想了解如何使用Fireworks软件制作此类导航条效果，那么本文将会是你的不二指南。接下来，让我们一步步揭开这个神秘的面纱。

启动Fireworks 8.0（或其他版本），新建一个稳定大小的画布760X400。接下来，利用矩形工具，绘制一个渐变的矩形作为导航条的背景，你可以调配自己喜欢的颜色，使其更符合网站的整体风格。

然后，使用直线工具在画布上画两条线，作为分隔线。按住Shift+G将这两条线组合成对象，并复制这个对象，通过窗口对齐面板进行对齐。

接下来，按下快捷键Ctrl+f8调出新建元件窗口，选择“按钮”。在这里，你可以开始创作按钮了。使用圆角矩形工具画出按钮的图形，添加渐变效果，边框为一个像素。复制这个图形并去掉边框，调整大小，使按钮呈现出凸出的感觉。

为了制作狼蚁网站SEO优化的三角形路径，你可以在刚才创建的图形上右键选择取消组合，然后使用钢笔工具在路径上添加三个节点。选择白箭头工具，向下拖拉中间的节点，形成三角形。在三角形上添加文字，完成按钮的制作。

接下来，回到释放状态，删除按钮的背景图形（注意不要把文字也删了）。完成按钮的制作后，回到场景，按F11打开库面板，将按钮从库中拖出。你可以根据需求拖出多个按钮。选择按钮，在属性栏输入不同的文字，并调整好按钮之间的距离。

选择“文件”->“导出”，将图像导出。在这里，一定要选择“将图像放入文件夹”，否则你的图片将无法正确显示。完成后，你可以用浏览器查看效果。你还可以将图像导入到Dreamweaver中处理代码，或使用更精致的美工效果来让标签更加美观。

至此，你已经成功掌握了使用Fireworks制作标签式导航条效果的方法。无论是为了提升个人技能，还是为了网站设计需求，这一技巧都将为你带来极大的帮助。如果你希望进一步探索Fireworks的更多功能，不妨深入探索其强大的工具箱，发掘更多设计元素和技巧，让你的网页设计更上一层楼。