Fireworks4.0教程
摘自 5D多媒体 作者:Candy
二、做一个按钮
画一个矩形
首要咱们要在辅助线的协助下,画一个矩形。
1,从菜单大将View > Guides的Show Guides和Snap to Guides 选上,这样就能够显现辅助线而且保证对齐到辅助线(Guids)。
2,单击东西条上的矩形东西(Rectangle tool) 。
3,将矩形东西(Rectangle tool)指针靠近辅助线(Guides)矩形区域的一个角,按下鼠标并拖动到对角上。
突变填充
为了让这个矩形更象一个按钮,咱们要给这个矩形进行突变填充而且加上立体作用。
1,翻开fill(填充)面板,然后保证矩形依然处于选中的状况,在fill面板上的Fill Category 下拉菜单上挑选Linear(线型突变)方法。
2,然后在Fill name下拉菜单上挑选Black, White。
3,点击修正按钮(edit)然后把左面的色彩样本象右边拖一点,使是非突变愈加昏暗一点。
增加作用(Effects)
Effects面板能够给图象和文字加上特别的作用,比方突变和浮雕。
1,假如Effects(作用)面板不行见,从菜单中挑选 Window > Effect。
2,在Effects(作用)面板最上面的下拉菜单中挑选“Bevel and Emboss-Inner Bevel”(突变和浮雕-内斜面)。
3,而且在斜边形状的下拉菜单中挑选Sloped,然后把边际宽度设为4。
留意: 在加上作用今后假如想修正能够点击Effects面板上的 按钮。
要创立一个JavaScript 按钮 ,有必要先将物件转化为Symbols(符号),fireworks中的(符号)是存储在文档的库(Library)中能够重复运用的元素。
转化为Symbols(符号)
1,选定这个矩形区域,从菜单中挑选 Insert > Convert to Symbol.
2,在Name(称号)一栏中填入 MyButton 。
3,挑选按钮(Button)选项,然后单击“ok”。 
现在你能够看到,这个按钮被一层绿色所掩盖,而且在左下角有一个小箭头,这层绿色标明这是一个切割区(Slice)。而这个箭头标明这个矩形区域是存储在文档的库(Library)中Symbols的一个例图(Instance)。
然后,你将会运用这个圆形的(behavior control )动作控制器 来创立一个翻转图象。
4,挑选菜单 Window > Library能够看到在库(Library)中的按钮,
给按钮加上文字
1,双击这个按钮翻开按钮修正器
2,挑选文字东西(Text tool),然后在按钮修正器中的按钮上单击鼠标。
3,在文字修正器(Text Editor)中能够挑选字体挑选,字号对齐方法等,在这里咱们挑选Impact字体, 巨细为16-point,居中对齐。色彩设顶为橘黄色。
4,输入“Adventure Planner ”,并单击ok。

对齐文字
对齐按钮上的文字,你需求运用菜单指令。
1,用指针(Pointer)选中按钮,而且按住shift一起选中文字。
2,点击菜单中的Modify > Align > Center Vertical(笔直中心对齐)
3,而且点击Modify > Align > Center Horizontal(水平中心对齐)这样将使文字对齐按钮中心。
创立翻转作用
1,单击按钮修正器的滑过(Over)标签然后单击仿制弹起图画( Copy Up Graphic)按钮。在滑过(Over)标签中的图画是指在已完结的网页中当鼠标指针滑过这个按钮时显现的图画。
2,选中文字,运用fill(填充)面板,将文字变为赤色。
3,封闭按钮修正器
记得要常常的保存你的作业哦
预览一下
1,点击东西面板下面的躲藏切片图标,就能够躲藏掉按钮上掩盖的绿色。
2,点击preview标签,
3,把鼠标移到按钮上面就能够看到变色的作用了。
给按钮加上链接
1,点击Object面板上的 Link Wizard (链接导游)
2,在Link Wizard (链接导游)上的link标签上输入链接地址。
|