首页

PS教程

PSD素材

PS素材

背景图片

高清图片

字体下载

矢量素材

PS资源

PS作品

会员专区
注册 / 登录
收藏
入门教程照片处理抠图教程调色教程文字特效经典合成鼠绘教程滤镜特效非 主 流GIF 动画签名溶图创意设计
 您当前的位置: PhotoShop资源网 >> PS教程 >> PS教程 >> 创意设计 >> 正文

Fireworks教程之网页设计综合实例(下)

[ 作者来源:梦觉 编辑整理:PhotoShop资源网 更新时间: 2007-06-13 录入: 黄叶飞扬 ]

  十、 创建弹出菜单

  通常我们站点里的导航信息必须非常的简练和实用,只有那些最重要的信息才出现在导航条中,而更多的导航和内容信息通常都隐藏起来。对于复杂的展点和多重信息组织,弹出菜单是分层导航的最有效工具,弹出菜单可以在很小的空间中设置大量的目标选项。Fireworks4新增的创建弹出菜单功能,可以非常容易的实现这种导航结构,我们只需将分层信息添加到弹出菜单编辑器中,程序会自动生成相应的交互式代码。

  1、 选择导航栏上的"产品展示"按钮,确保Web Layer当前显示及切片可见。
  2、 点击此按钮上切片中心的圆形标志,从弹出菜单中选择"Add Pop-up Menu"增加弹出菜单,如下图所示:

按此在新窗口浏览图片


  3、 在弹出的编辑器中输入如下图所示内容,在Text和Link输入框中输入内容后,点及上部的"+"即可添加新的菜单内容:

按此在新窗口浏览图片


  4、 继续输入二级菜单内容,选中一个条目后,点击上部的 可以使当前条目缩进,成为下一级菜单;点击 可以使当前的条目恢复为上一级菜单。最后的结果入图所示:

按此在新窗口浏览图片


  5、 点击Next进入下一个设置窗口,在这里我们可以设置文字的大小,菜单样式等属性,您既可以选择最终的菜单外观是标准的HTML格式,或者是Image图片格式。我们选择图片格式,并设定文字大小为10。

按此在新窗口浏览图片



≡★ 免 责 声 明 ★≡

除本站原创外,本站所提供的所有教程均收集整理自网络,其版权归该教程直原始作者或原始出处所有!

除特别声明外,您可以在保持教程的完整和注明来源的前提下免费复制、转贴本站所提供的所有教程;但是,不可以盗链本站的图片!

除特别声明外,在未经许可的情况下您不得将本站所提供的任何教程(包括资源)用于商业用途;

如果确有需要,请自行与该教程的原始所有权者(即:原始作者或出处)联系,本站不提供相关服务;否则,由此而引发的一切后果由您自负!