现在大家要明确一下菜单的概念。菜单是具有多个层次的,通常来说,一开始就显示在网页中的,是顶级菜单项目,然后通过鼠标悬停(或点击,大多数情况下是悬停)的方式,出现下级的子菜单。因此在制作之前首先要先规划好自己的菜单层次结构。现在我们现在是这样来规划的:
顶级菜单有3项,分别是教程列表、资源库、友情链接。
教程列表下设2个子级项:图形处理、网页制作。图形处理下有Photoshop、Illustrator。网页制作下有GoLive、DreamWeaver。
资源库下设3个子级项:Photoshop、Illustrator、GoLive。
友情链接下设置4个子级项:大师之路(99ut.com)、蓝色理想(blueidea.com)、太平洋(pconline.com.cn)、天极网(yesky.com)。
现在我们点击下图红色箭头处的按钮创建同级菜单项,按照规划,总共要有3个项目。
蓝色箭头处是保存按钮,在修改后应及时保存。在后面我们将学习如何将菜单项目应用到网页中,以后点击保存就可以在网页中看到修改后的效果,而不必退出编辑器。

Item(单项设定)中将菜单文字改为相应的内容。可以设置宽度和高度。需要注意的是,高度的修改将影响同级所有项目。另外也可以在预览窗口通过鼠标拖动来修改,如下动画所示。

在Item(单项设定)的常规中对“教程列表”进行其他的设置,如下图。总结起来就是:在默认状态下文字为灰色,无背景。在鼠标经过的时候文字变为白色,背景为红色,同时添加1像素粗的灰色边框。
要更改颜色,可点击颜色框,将会出现GoLive的颜色调板。也可以点击颜色框右下角那微小的三角形,会出现常用色彩方案(如著名的VisiBone方案)。点击绿色箭头处的按钮可以更改项目的先后顺序。

此时在预览区域移动鼠标,将会看到类似如下动画的效果。


