Make Www.Edu-cn.Com Your Home Page!
用户名: 密码: 验证码: 注册
  当前位置: > 中国教程网>图形图像>平面设计>fireworks> Fireworks网页设计综合实例5

Fireworks网页设计综合实例5

作者:佚名   来源:中国教程网   点击:   日期:2007-03-31
    八、 建立切片 

www.edu-cn.com

    我们的基本导航及页面结构已经建立好了,现在到了增加切片的时候了。中的切片是输出图形及产生交互的主要参考物件,导出的文档将根据切片来将图形切割成不同的部分,并在浏览器中通过表格组装到一起。同时,所有的交互行为也是通过切片之间的联系来产生的,如翻转图、弹出菜单等等。  漂亮MM女性网

    1、 我们前面建立的按钮本身已经带有了自己的切片,因此我们需要对对象建立各自的切片。 
    2、 创建切片通常使用工具面板中的Slice工具直接绘制 ,但如果想创建精确大小的切片,我们可以选择对象并执行右键菜单中的Insert Slice自动插入切片。 
    3、 我们使用工具面板中的Slice工具在页面中间绘制一个信息显示切片,我们将在下一步把导航条的每个按钮相关信息显示在这里。

www.edu-cn.com

www.edu-cn.com


    4、 我们增加的切片默认情况下是绿色的半透明对象,它们都放置在Web Layer层上.  edu-cn.com

    九、 创建拖拽翻转效果  AOE3 STUDIO

    1、 单击“企业概况”按钮处的切片,此切片中心将出现一个圆形标志,用鼠标将其拖动到上一步创建的切片左上角,这将设置一个翻转效果,在弹出的对话框中设定鼠标滑过时交换为第二帧的内容,如下图所示:

中国教程网


    2、 重复上述步骤,分别为“企业人才”、“产品展示”两个按钮增加翻转效果,并分别对应第三帧和第四帧。 
    3、 我们在后面各帧相同的位置出分别放置对应每个按钮的说明文字。 
    4、 最后的效果如下图所示:
    Fireworks网页设计综合实例  
 

中国论文网

www.edu4u.com.cn

中国教育网

漂亮MM女性网

中国教程网

edu4u.com.cn



文章评论】 【收藏本文】 【推荐好友】 【打印本文】 【论坛讨论

   最新文章:
·用Fireworks做出精美的文字特效(04-03)
·先建模再渲染 Fireworks矢量立体图标(04-03)
·用Fireworks也能为照片做精美边框(04-03)
·Fireworks绘制三维矢量透视图(04-03)
·Fireworks制作马赛克文字特效(04-03)
·FW滤镜制作血滴效果(04-03)
·绘制可爱的圣诞新年Kitty猫咪卡通桌(04-03)
·Fireworks三维插件辅助绘制转动立体(04-03)
·Fireworks 制作精细PC图标(04-03)
·Fireworks打造残破效果(04-03)
   相关文章:
·Fireworks网页设计综合实例6 ·FW形状文本路径绘图:大学校徽
·Fireworks网页设计综合实例4 ·将Fireworks表格插入Dreamweaver
·Fireworks网页设计综合实例1 ·Fireworks4自动操作
·Fireworks网页设计综合实例7 ·Fireworks4做一个按钮(上)
·Twist and Fade 3.0操作界面介绍 ·Fireworks卡通头像:搞怪宝宝(2)

   文章评论:(0条)
  
用户名: 新注册) 密码: 匿名评论
评论内容:(不能超过250字,需审核后才会公布,请自觉遵守互联网相关政策法规。

 §最新评论:

  责任编辑:中国教程网  

© 2007 Copyright 中国教育网
DesignBy:AOE3 STUDIO & ROCOCO