小编教你fireworks设置网页导航栏按钮的相关操作教程 小编教你怎么选:羽毛球拍3U和4U的区别

相信很多朋友都遇到过以下问题,就是fireworks设置网页导航栏按钮的相关操作教程。针对这个问题,今天手机之家小编就搜集了网上的相关信息,给大家做个fireworks设置网页导航栏按钮的相关操作教程的解答。希望看完这个教程之后能够解决大家fireworks设置网页导航栏按钮的相关操作教程的相关问题。

很多新手小伙伴还不了解fireworks设置网页导航栏按钮的具体操作,所以下面小编就带来了fireworks设置网页导航栏按钮的详细教程哦。

fireworks设置网页导航栏按钮的相关操作教程

fireworks设置网页导航栏按钮的相关操作教程

首先我们打开 Fireworks,通过“文件”>“新建”,新建一个空白画布。“编辑”
>“插入”>“新建按钮”。在按钮编辑器中,选择“释放”状态,画一个宽90像素,高30像素,x,y坐标都为0的矩形。选中矩形,点击填充颜色块。选中按钮,点属性面板上的+增加“内斜角”效果。

fireworks设置网页导航栏按钮的相关操作教程截图

fireworks设置网页导航栏按钮的相关操作教程截图

fireworks设置网页导航栏按钮的相关操作教程截图

然后我们在“按钮编辑器”的释放状态下,使用工具面板上的“文本工具”,在按钮上输入文字。选中“滑过”状态,点击“复制弹起时的图形”。点击属性面板上的“+”,
添加效果“调整颜色”>“色相/饱和度“。在弹出的“色相/饱和度”对话框中,向右拖动亮度滑块(-20)。这时就增加了按钮的亮度。

fireworks设置网页导航栏按钮的相关操作教程截图

fireworks设置网页导航栏按钮的相关操作教程截图

接着重复上面的过程,调整“按下”状态和“按下时滑过”状态的颜色。为按钮增加链接。(先用鼠标选中才会弹出属性面板)。选中“活动区域
”,在属性面板的“链接”项中,输入#作为链接,以后可以修改。反复从库面板中,把按钮的实例拖到文档相应位置。选中不同的按钮实例,在属性面板上,修改文本和链接地址。文件------导出,导出为htm网页文件即可。完成后的效果如图所示。

fireworks设置网页导航栏按钮的相关操作教程截图

fireworks设置网页导航栏按钮的相关操作教程截图

fireworks设置网页导航栏按钮的相关操作教程截图

相信你们看完了上文讲解的fireworks设置网页导航栏按钮的详细操作步骤,应该都学会了吧!