WEB开发网
开发学院图形图像Fireworks Fireworks 网页设计综合实例(上) 阅读

Fireworks 网页设计综合实例(上)

 2007-04-18 08:57:59 来源:WEB开发网   
核心提示: 2、 创建多个按钮实例,选定上面的按钮实例,Fireworks 网页设计综合实例(上)(7),按住Alt键的同时,拖动并复制这个按钮实例,4、 打开URL面板,分别选择每一个按钮,重复执行此步骤,创建五个按钮实例

2、 创建多个按钮实例。选定上面的按钮实例,按住Alt键的同时,拖动并复制这个按钮实例,重复执行此步骤,创建五个按钮实例。

3、 选中这五个按钮实例,打开Modify面板,选择水平居中对齐,如下图所示:

4、 现在导航条的效果如下图:

5、 我们需要对导航条中的每个按钮设定不同的色彩,打开Effect面板,分别改变每个按钮所加特效中的混合色彩设定,将其设为不同的色值,分别改为#CC9900,#663399,#33FF00,#FF00FF。此时的导航条效果如下图所示:

七、 设定按钮属性

上面我们做好的导航条外观虽然不同,但它们却有着相同的文字内容,我们需要将它们修改为各自的内容,并设定每个按钮对应的链接地址。

1、 打开Object面板,选择第二个按钮实例,将Object面板上的Button Text改为“企业人才”。

2、 按下回车键后,会弹出下面的提示框:

我们选择Current使文字的改变只对当前按钮有效。

3、 将其余的按钮文字分别修改为“产品展示”、“企业荣誉”、“联系方式”。切换导文档的预览窗口Preview,可以看一下最终的效果。

4、 打开URL面板,分别选择每一个按钮,在URL面板中设定它们对应的链接地址。

上一页  2 3 4 5 6 7 

Tags:Fireworks 网页设计 综合

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接