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

 时间:2024-10-27 21:54:45

1、龅歧仲半打开 Fireworks,通过“文件”>“新建”,新建一个空白画布。2.“编辑” >“插入”>“新建按钮”。3.在遽牟赓雁按钮编辑器中,选择“释放”状态,画一个宽90像素,高30像素,x,y坐标都为0的矩形。4.选中矩形,点击填充颜色块。5.选中按钮,点属性面板上的+增加“内斜角”效果。

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

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

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

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

如何用fireworks设计网站按钮和导航栏
如何用fireworks设计网站按钮和导航栏
如何用fireworks设计网站按钮和导航栏
如何用fireworks设计网站按钮和导航栏
如何用fireworks设计网站按钮和导航栏
如何用fireworks设计网站按钮和导航栏
  • DreamWeaver中的css代码不换行显示
  • Dreamweaver怎样设置CSS链接属性
  • DW中如何插入图像、图像占位符和互动图像
  • Dw中如何插入子元素
  • 用DreamWeaver作ASP时系统如何登陆
  • 热门搜索
    国防手抄报简单又字少 足球手抄报图片 杰出人物手抄报 中国梦手抄报资料 成语故事手抄报 端午节手抄报句子大全 5.1劳动节手抄报 中秋手抄报内容 我是小学生手抄报 文学手抄报内容