如何用fireworks设计网站按钮和导航栏

 时间:2026-02-12 00:59:20

1、1.打开 Fireworks,通过“文件”>“新建”,新建一个空白画布。

2.“编辑” >“插入”>“新建按钮”。

3.在按钮编辑器中,选择“释放”状态,画一个宽90像素,高30像素,x,y坐标都为0的矩形。

4.选中矩形,点击填充颜色块。

5.选中按钮,点属性面板上的+增加“内斜角”效果。

如何用fireworks设计网站按钮和导航栏

如何用fireworks设计网站按钮和导航栏

如何用fireworks设计网站按钮和导航栏

如何用fireworks设计网站按钮和导航栏

如何用fireworks设计网站按钮和导航栏

如何用fireworks设计网站按钮和导航栏

2、6.在“按钮编辑器”的释放状态下,使用工具面板上的“文本工具”,在按钮上输入文字。

7.选中“滑过”状态,点击“复制弹起时的图形”。点击属性面板上的“+”, 添加效果“调整颜色”>“色相/饱和度“。在弹出的“色相/饱和度”对话框中,向右拖动亮度滑块(-20)。这时就增加了按钮的亮度。

如何用fireworks设计网站按钮和导航栏

如何用fireworks设计网站按钮和导航栏

如何用fireworks设计网站按钮和导航栏

如何用fireworks设计网站按钮和导航栏

3、8.重复上面的过程,调整“按下”状态和“按下时滑过”状态的颜色。

9.为按钮增加链接。(先用鼠标选中才会弹出属性面板)

10.选中“活动区域 ”,在属性面板的“链接”项中,输入#作为链接,以后可以修改。

11.反复从库面板中,把按钮的实例拖到文档相应位置。

12.选中不同的按钮实例,在属性面板上,修改文本和链接地址。

13.文件------导出,导出为htm网页文件即可。

完成后的效果如图所示。

如何用fireworks设计网站按钮和导航栏

如何用fireworks设计网站按钮和导航栏

如何用fireworks设计网站按钮和导航栏

如何用fireworks设计网站按钮和导航栏

如何用fireworks设计网站按钮和导航栏

如何用fireworks设计网站按钮和导航栏

  • DreamWeaver中的css代码不换行显示
  • Dreamweaver怎样设置CSS链接属性
  • DW中如何插入图像、图像占位符和互动图像
  • Dw中如何插入子元素
  • 用DreamWeaver作ASP时系统如何登陆
  • 热门搜索
    后浇带的作用 under是什么意思 驾驶证扣分什么时候清零 孕妇多吃什么水果好 谚语是什么意思 卫冕冠军是什么意思 思维导图的作用 胡萝卜汁的功效与作用 送女生什么生日礼物 v5什么意思