| 网站首页 | 文章中心 | 电子书下载 | 矢量图库 | 视频教程 | 素材下载 | 程序代码下载 | JS代码 | 论坛 | 
龙腾教程网  
常用软件类:
|杀毒安全 |联络聊天 |网络软件 |多媒体类 |系统工具 |图形图像 |系统工具 |应用软件 |行业软件
开发设计类:
|动画制作 |图像处理 |3D设计 |操作系统 |站长学院 |网络相关 |WEB设计 |数据库类 |程序开发
 
  您当前位置:您现在的位置: 龙腾软件教程网 >> 文章中心 >> 图像处理 >> Fireworks >> 实列教程 >> 文章正文>>>>>> 
Fireworks网页界面综合设计实例详解

 


    七、 设定按钮属性 

    上面我们做好的导航条外观虽然不同,但它们却有着相同的文字内容,我们需要将它们修改为各自的内容,并设定每个按钮对应的链接地址。 
    1、 打开Object面板,选择第二个按钮实例,将Object面板上的Button Text改为“企业人才”。


    2、 按下回车键后,会弹出下面的提示框:


    我们选择Current使文字的改变只对当前按钮有效。 
    3、 将其余的按钮文字分别修改为“产品展示”、“企业荣誉”、“联系方式”。切换导文档的预览窗口Preview,可以看一下最终的效果。


    4、 打开URL面板,分别选择每一个按钮,在URL面板中设定它们对应的链接地址。

八、 建立切片 

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

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


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

上一页  [1] [2] [3] [4] [5] [6] 下一页


上一篇:
  • 上一篇文章:
  • 下一篇
  • 下一篇文章: 没有了
  • 收藏此文到百度搜藏 百度搜藏| 新浪VIvi| 365key| Younote| 博采中心| 你好BLOG| 亿友网摘| 和讯网摘|
    相关文章    
    FireWorks利用笔触绘制一棵大榕树
    Firewoks打造炫晕线条字体
    Fireworks制作超酷水晶按钮
    Fireworks制作立体质感3D水晶字
    Firewoks制作液体金属表面特效
    Fireworks制作草生草长动画
    利用Fireworks MX变形工具绘制大脚印图标
    Fireworks制作鼠年生肖鼠邮票
    Fireworks粒子插件帮助AE制作绚丽焰火
    Fireworks MX打造立体环绕球体
     
     
     
    最新文章
    推荐文章 Fireworks网页界面综合设计实例详最新文章
    普通文章 使用Dreamweaver CPU占100%的解决最新文章
    普通文章 flash制作FLASH动画网站过程最新文章
    普通文章 3dmax造型设计玉石效果最新文章
    普通文章 针对初学者的XHTML基础最新文章
    普通文章 DoS攻击工具基本技术及其发展方向最新文章
    普通文章 电脑录歌Cool Edit帮你全部搞定最新文章
    普通文章 Photoshop制作神秘园中的精灵最新文章
    普通文章 3DSMax8.0制作逼真的家具电视柜最新文章
    普通文章 Photoshop制作自定义个性梦幻签名最新文章
     
    热门文章
    推荐文章 Fireworks网页界面综合设计实例详最新文章
    推荐文章 Oracle数据库配置中的常见错误代
    推荐文章 最新迅雷下载电骡资源技巧放送
     
     
    设为首页 | 加入收藏 | 联系站长 | 友情链接 | 版权申明 

    版权所有2006-2008 龙腾教程网