按钮和导航条在体现网页交互性方面扮演着重要的角色。借助了图形效果的按钮，可以体现更好的艺术性。Fireworks的按钮编辑器将引导用户完成按钮的创建过程，并且自动完成许多按钮制作任务。响应不同的鼠标时间，按钮是网页的导航元素。今天，小编就为大家介绍下如何设计网站按钮和导航栏。
工具/原料
fireworks
方法/步骤
1
1.打开 Fireworks，通过“文件”>“新建”，新建一个空白画布。2.“编辑” >“插入”>“新建按钮”。3.在按钮编辑器中，选择“释放”状态，画一个宽90像素，高30像素，x，y坐标都为0的矩形。4.选中矩形，点击填充颜色块。5.选中按钮，点属性面板上的+增加“内斜角”效果。
2
6.在“按钮编辑器”的释放状态下，使用工具面板上的“文本工具”，在按钮上输入文字。7.选中“滑过”状态，点击“复制弹起时的图形”。点击属性面板上的“+”， 添加效果“调整颜色”>“色相/饱和度“。在弹出的“色相/饱和度”对话框中，向右拖动亮度滑块(-20)。这时就增加了按钮的亮度。
3
8.重复上面的过程，调整“按下”状态和“按下时滑过”状态的颜色。9.为按钮增加链接。（先用鼠标选中才会弹出属性面板)10.选中“活动区域 ”，在属性面板的“链接”项中，输入#作为链接，以后可以修改。11.反复从库面板中，把按钮的实例拖到文档相应位置。12.选中不同的按钮实例，在属性面板上，修改文本和链接地址。13.文件------导出,导出为htm网页文件即可。完成后的效果如图所示。
注意事项
注意添加按钮颜色饱和度时尽量从暗到亮调整。
上一篇：周庄不同程度的游玩线路参考
下一篇：票据识别的简单操作方法