Fireworks4 教程二：做一个按钮（下）

要创建一个JavaScript按钮，必须先将物件转化为Symbols(符号),fireworks中的(符号)是存储在文档的库(Library)中可以重复利用的元素。

　　转化为Symbols(符号)

　　1,选定这个矩形区域,从菜单中选择Insert>ConverttoSymbol.

　　2,在Name(名称)一栏中填入MyButton。

　　3,选择按钮(Button)选项，然后单击“ok”。 站长.之家

　　

站长之.家adminI5.com

　　现在你可以看到，这个按钮被一层绿色所覆盖，并且在左下角有一个小箭头，这层绿色表示这是一个分割区(Slice)。而这个箭头表明这个矩形区域是存储在文档的库(Library)中Symbols的一个例图(Instance)。然后，你将会使用这个圆形的(behaviorcontrol)动作控制器来创建一个翻转图象。 adminI5.com站长之_家

　　4,选择菜单Window>Library可以看到在库(Library)中的按钮，

　　 站.长.之.家

　　给按钮加上文字

　　1，双击这个按钮打开按钮编辑器

　　2，选择文字工具(Texttool)，然后在按钮编辑器中的按钮上单击鼠标。

　　3,在文字编辑器(TextEditor)中可以选择字体选择，字号对齐方式等，在这里我们选择Impact字体,大小为16-point，居中对齐。颜色设顶为橘黄色。 站长之_家

　　

站长之.家adminI5.com

　　4，输入“AdventurePlanner”，并单击ok。

　　

站长.之家adminI5.com

adminI5.com站长_之家

　　对齐文字

　　对齐按钮上的文字，你需要使用菜单命令。 站长之.家adminI5.com

　　1，用指针(Pointer)选中按钮，并且按住shift同时选中文字。

　　2，点击菜单中的Modify>Align>CenterVertical(垂直中心对齐) 站长_之家

　　3，并且点击Modify>Align>CenterHorizontal(水平中心对齐)这样将使文字对齐按钮中心。

　　 站长之_家

　　创建翻转效果

　　1，单击按钮编辑器的滑过(Over)标签然后单击复制弹起图像(CopyUpGraphic)按钮。在滑过(Over)标签中的图像是指在已完成的网页中当鼠标指针滑过这个按钮时显示的图像。 Admini5.com

　　2，选中文字，使用fill(填充)面板，将文字变为红色。

　　 站长.之家adminI5.com

　　3，关闭按钮编辑器

站_长之家adminI5.com

　　记得要经常的保存你的工作哦

AdminI5.com站长之_家

　　预览一下

　　1，点击工具面板下面的隐藏切片图标，就可以隐藏掉按钮上覆盖的绿色。

　　 站.长.之.家

　　2，点击preview标签，

adminI5.com站.长.之.家

　　3，把鼠标移到按钮上面就可以看到变色的效果了。 Admini5.com

　　给按钮加上链接

　　1，点击Object面板上的LinkWizard(链接向导)

Admini5.com

　　2，在LinkWizard(链接向导)上的link标签上输入链接地址。

adminI5.com站长_之家

看完这篇，您有何感觉呢？

上一篇：Fireworks4 教程三：创建动画   下一篇：Fireworks4 教程四：热点和切片（下）

用户名(必填) 新注册

密码(必填) 匿名评论