用菜单飞梭制作优美的网页菜单

用菜单飞梭制作优美的网页菜单》摘要: MenuMachine是一个制作菜单的工具,具有使用简单,制作快速,兼容性高等特点。它是GoLive上闻名的扩展模块。只是在国内少为人知,为了方便大家的学习和使用,笔者已经将其中的重要部分做了汉化…
  

MenuMachine是一个制作菜单的工具,具有使用简单,制作快速,兼容性高等特点。它是GoLive上闻名的扩展模块。只是在国内少为人知,为了方便大家的学习和使用,笔者已经将其中的重要部分做了汉化,并暂时起了一个中文名称叫做“菜单飞梭”。下面我们就来学习一下如何使用它在网页中创建菜单。

启动GoLive并开启站点,然通过菜单【MenuMachine_开启MenuMachine调板】,就会出现如下左图所示的调板,调板中会列出当前站点中的菜单项目。大家要先弄明白菜单飞梭的工作方式,它并不是直接在页面中创建菜单,而是通过一个专门的编辑器来完成,完成后的菜单项目将出现在这个调板中。然后我们再从这个调板中拖动所需的菜单项目到网页当中。可以创建多个菜单项目,按照需要来使用。

  现在还没有任何项目,所以我们按照提示在箭头所指处点击以创建一个新的菜单项目。

  点击后就会自动开启主编辑器,如下图。首先在标志1处为菜单项目取个名字,比如图中的main1。然后在标志2处的主题中选择一个主题,不同的主题有不同的菜单风格,可以在标志3处看到预览。以后也可以将我们自己创建的菜单作为主题来使用。为了更全面地学习,我们选择最基础的“blank menu”主题。最后点击标志4处的右向箭头以进入下一步。需要注重的是,假如没有输入菜单名将无法继续。

点击放大图片

  现在我们进入最主要的设定界面,如下图所示。红色箭头处是3个设定类,分别是:

  Item(单项设定):用来对菜单结构中的任何一项进行单独设定,内容最多。
  Block(层级设定):用来对某级别的所有项目进行设定,内容相对少些。
  Global(整体设定):用来对所有项目进行设定,内容最少。

  绿色箭头处是菜单结构的预览,同时也可以反映出鼠标悬停等效果。右下角的橙色箭头处可以更改预览区域的背景颜色。它只提供视觉参考,而并不对应用菜单项目的网页产生影响。假如将来要把菜单放置在一个紫色背景的网页中,那么就可以在编辑器中设定为紫色背景,这样比较轻易判定色彩搭配方式。

点击放大图片

共7页: 上一页 1 [2] [3] [4] [5] [6] [7] 下一页
你的位置:电脑故障网 >> 网站制作 >> CSS+DIV教程 >> 用菜单飞梭制作优美的网页菜单