网站建设| 数据库类| 图形图象| 程序设计| 现代办公| 操作系统| 考试认证| 网络技术| 软件工程| 电脑相关| 文学作品
网站开发| 网页制作| 操作系统| 图象图形| 考试认证| 数据库类| 程序设计| 硬件技术| 现代办公| 网络技术| 笑话频道
 
您的位置: 电脑书库首页-> 电脑文摘-> 网页制作-> FireWorks-> Fireworks4做一个按钮(下)

Fireworks4做一个按钮(下)
作者:佚名 来源:InterNet 加入时间:2005-2-19
相关文章
  • Fireworks卡通头像:搞怪宝宝(4)
  • Fireworks卡通头像:搞怪宝宝(3)
  • Fireworks卡通头像:搞怪宝宝(2)
  • Fireworks卡通头像:搞怪宝宝(1)
  • 使用Fireworks制作漂亮的礼花
  • 用Fireworks做出苹果的晶亮透明
  • 用Fireworks制作连续跳跃数字
  • 用Fireworks制作Logo
  • Fireworks4下拉菜单
  • Fireworks4创建动画
  • 相关书籍:
  • Fireworks MX 2004 入门
  • Fireworks常见问题解答
  • Fireworks4.0教程
  • 要创建一个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标签上输入链接地址。  


    [文章录入员:nancy]

    相关文章
  • Fireworks卡通头像:搞怪宝宝(4)
  • Fireworks卡通头像:搞怪宝宝(3)
  • Fireworks卡通头像:搞怪宝宝(2)
  • Fireworks卡通头像:搞怪宝宝(1)
  • 使用Fireworks制作漂亮的礼花
  • 用Fireworks做出苹果的晶亮透明
  • 用Fireworks制作连续跳跃数字
  • 用Fireworks制作Logo
  • Fireworks4下拉菜单
  • Fireworks4创建动画
  • 相关书籍:
  • Fireworks MX 2004 入门
  • Fireworks常见问题解答
  • Fireworks4.0教程
  • 本站推荐内容

    近期主机类热搜关键词:
    美国服务器 美国服务器租用 海外服务器租用 国外服务器租用

    FireWorks
    DreamWeaver
    FrontPage
    FireWorks
    Flash
    HTML
    其它
    电脑教程阅读排行
    ·Fireworks MX教程(二...
    ·Fireworks MX教程(二...
    ·Fireworks MX教程(十...
    ·Fireworks MX教程(二...
    ·Fireworks MX教程(一...
    ·Fireworks MX教程(十...
    ·Fireworks卡通头像:搞怪...
    ·Fireworks MX教程(二...
    ·FireWorks教程动画Log...
    ·用Fireworks制作Logo