fireworks怎么设计网页导航栏按钮?
发布时间：2017-12-29 11:07:19 作者：小骚年love影 
我要评论
我要评论fireworks怎么设计网页导航栏按钮？fireworks中想要绘制一个按钮，该怎么绘制呢？下面我们就来看看fireworks设计按钮的教程，需要的朋友可以参考下
（福利推荐：你还在原价购买阿里云服务器？现在阿里云0.8折限时抢购活动来啦！4核8G企业云服务器仅2998元/3年，立即抢购>>>：9i0i.cn/aliyun）
fireworks中想要设计网站按钮和导航栏，该怎么设计呢？下面我们就来看看详细的教程。
1、打开 Fireworks，通过“文件”>“新建”，新建一个空白画布。“编辑” >“插入”>“新建按钮”。在按钮编辑器中，选择“释放”状态，画一个宽90像素，高30像素，x，y坐标都为0的矩形。选中矩形，点击填充颜色块。选中按钮，点属性面板上的+增加“内斜角”效果。
2、在“按钮编辑器”的释放状态下，使用工具面板上的“文本工具”，在按钮上输入文字。选中“滑过”状态，点击“复制弹起时的图形”。点击属性面板上的“+”， 添加效果“调整颜色”>“色相/饱和度“。在弹出的“色相/饱和度”对话框中，向右拖动亮度滑块(-20)。这时就增加了按钮的亮度。
3、重复上面的过程，调整“按下”状态和“按下时滑过”状态的颜色。为按钮增加链接。（先用鼠标选中才会弹出属性面板)。选中“活动区域 ”，在属性面板的“链接”项中，输入#作为链接，以后可以修改。反复从库面板中，把按钮的实例拖到文档相应位置。选中不同的按钮实例，在属性面板上，修改文本和链接地址。文件------导出,导出为htm网页文件即可。完成后的效果如图所示。
以上就是fireworks设计按钮导航栏的教程，希望大家喜欢，请继续关注程序员之家。
相关推荐：
相关文章
这篇教程是向程序员之家的朋友分享Fireworks给照片美颜方法，仅需一步即可完成，操作很简单，非常适合新手来学习，推荐到程序员之家，有需要的朋友可以参考本文，来看看吧2017-04-11
在生活和工作中,经常需要拍摄一批照片,上传到各种应用系统。而系统通常对照片的文件的大小有限制,或者对文件的名称有要求。下面为大家介绍用Fireworks如何批量压缩图片方法2017-04-10
这篇教程是向程序员之家的朋友分享Fireworks设计简单易用的页面方法，教程比较基础，非常适合新手来学习，推荐到程序员之家，喜欢的朋友可以参考本文，一起来学习吧2017-04-07
这篇教程是向程序员之家的朋友分享Fireworks常见的滤镜打造绚丽的彩色字体方法，教程主要使用几种常见的滤镜来实现的，方法很简单的，推荐过来，一起来学习吧2017-04-06
图片多的时候,一张一张处理就比较慢,其实Fireworks的批处理功能就不错,可以批量处理图片，下面就为大家介绍Fireworks批量处理图片方法，来看看怎么操作吧2017-04-04
这篇教程是向程序员之家的朋友分享Fireworks制作渐变的填充效果方法，教程比较基础，非常适合新手来学习，推荐到程序员之家，喜欢的朋友可以参考本文，来看看吧2017-04-01
切片是网页的对象之一,最初的应用是将影响网页显示时间的大图片切割成不同的几个部分以便于数据传输。下面小编就为大家介绍FW切图方法，一起来看看吧2017-03-31
firework作为曾经的网页三剑客之一,虽然在c6之后已经不再更新,但作为一个轻量的图片编辑工具,我依然十分喜欢它，这篇教程是向程序员之家的朋友分享利用Fireworks把想要的图案2017-03-30
Fireworks我们的设计稿可以及时在浏览器中浏览,那么Fireworks怎么把默认浏览器改成百度?下面小编就为大家详细介绍一下，不会的朋友可以参考本文，来看看吧2017-03-29
这篇教程是向程序员之家的朋友分享fireworks简单几步制作layer方法，教程比较基础，适合新手来学习，推荐到程序员之家，喜欢的朋友可以参考本文，来看看吧2017-03-28
最新评论