用Fireworks轻松制作网页交互按钮-2

　6. 完成上步操作后，得到按钮的Up状态 (正常状态)，如图5所示。
: f3 g- m1 L; D. k4 Z


& P$ \5 W1 p- S+ `' y5 O图5　　7. 设计按钮的Over状态：按钮的Over状态是指在制作完成的网页中鼠标指针掠过按钮时显示的状态。单击按钮编辑器中的Over标签，按钮编辑器窗口的右下角增加了一个Copy Up Graphic(拷贝Up图像)按钮。单击该按钮，把Up状态的图像复制过来。此时，按钮的Up状态和Over状态相同。要使Over状态有别于Up状态，可以按照上述第4步的方法，改变按钮的填充特效。　　8. 设计按钮的Down状态：按钮的Down状态是指在制作完成的网页中按下按钮时显示的状态。单击Down标签，按照上述第7步的方法，可以设计出与前两种状态不同的Down状态。　　9. 为按钮建立链接：单击Active Area(激活区)标签，然后单击右下角的Link Wizard(链接向导)按钮，弹出Link Wizard对话框。单击Link(链接)标签，在对话框上部的文本框中输入URL，例如http://www.infosea.126.com，最后单击OK按钮。
( w8 E5 ?- o6 x4 N

. U7 Z5 J  M  r" w% }/ U
图6
　　10. 关闭按钮编辑器窗口，回到文档编辑窗口(图7)。
# ]/ J* f- B! W
& _# ^1 L5 o2 O2 j( Q7 A
1 y, K1 A& k* @4 W5 U
( ~7 `1 |) W6 A图7　　11.单击Preview标签就可以预览交互按钮的效果。　　12.输出HTML文档：从File(文件)菜单上选择Export(输出)命令，弹出Export对话框，在Base Name文本框中输入文件名，选定HTML文档的风格(Style)和存放位置(Location)，单击保存按钮(图8)。
( k6 V1 U* q( T+ }. b" i: Z, z
% J7 a$ B$ g$ v! r; K

图8　　13.用浏览器浏览生成的HTML文档，查看设计效果。　　附注：①Dreamweaver 提供了直接插入或粘贴Fireworks 生成的HTML文档的功能；　　　　　②通过按钮复制，改变按钮文本的方法，可以快速、高效地制作出一组外观一致只是文本不同的按钮。