网站菜单栏目

单击栏目编辑菜单中的“修改设置”菜单项，打开网站菜单栏目的属性设置列表（如 图 21 ）。

图 21 　网站菜单栏目的属性设置列表

需要特别说明的是，网站菜单栏目的属性设置中，如果选择了不同的显示类型，其下的各项属性设置也有所不同（如 图 22 ）：

图 22 　显示类型为“下拉式菜单”的网站菜单栏目属性设置列表

注： 这里的子菜单指的是该页面下的频道页下表示其子频道页的菜单项。

现用表格形式大致地、展示说明这两种不同类型的网站菜单下的各项属性设置参数：

下面根据显示类型的不同，分别对两种菜单类型进行补充说明：

１、平铺式菜单

平铺式菜单常用于引导浏览者根据频道页的递状关系，一级一级地浏览下去。所以它在有无子频道页的频道页中显示会有所不同。就如 图 23 、 图 24 所示，同样是如 图 21 的参数设置，有无子频道页的频道页网站菜单栏目的显示就是不一样的。

图 23 　无子频道页、参数设置如 图 19 的频道页网站菜单栏目显示效果图

图 24 　有子频道页、参数设置如 图 19 的频道页网站菜单栏目显示效果图

注： 如果该频道页与首页同为一级频道页，且其下有子频道页，那么就算在网站菜单栏目中的“子菜单返回导航”中选择“返回上级”，该菜单也会显示“返回首页”，因为它与首页并无上下级关系，它也没有上级菜单。

当然，您可以根据自己的相关要求，对其中的某些属性项进行设置操作，就可以产生其他不同的显示效果。

平铺式菜单栏目效果图展示：

在 图 21 的基础上把 图 24 的菜单属性中“显示子菜单”项改选为“显示”，则该菜单将显示如 图 25 所示的显示效果。

图 25 　显示子菜单、有子频道页的频道页网站菜单栏目显示效果图

２、下拉式菜单

下拉式菜单常用于引导浏览者全局地了解网站频道页结构，自主选择浏览哪个频道页或子频道页的内容。所以它在任何一个频道页中的显示都是相同的，不同的只是子菜单下拉方向及其所选用或设置的美工模板显示效果不同而已。

需要特别说明的是子菜单的模板编辑操作，具体操作步骤说明如下：

第一步 　打开“菜单设计窗口

单击 图 22 所示的“菜单模板”右侧的“模板编辑”链接，打开“菜单设计”窗口（如 图 26 ）。

图 26 　“菜单设计”窗口

第二步 　菜单设计或直接选择现有模板

（１）菜单设计

在如 图 26 所示的“菜单设计”窗口中，根据相应的提示文字，对各项内容进行相关的设置操作。其中“子菜单背景”设置时，需单击右侧小图标，弹出“子菜单背景设置页面”（如 图 27 ），只需在此窗口中单击任意一张缩略图来选择，也可单击“自定义”右侧的两个图标来使用图片上传工具上传所需的图片或图片组，当然还可以单击“清除”后的图标清除当前选中的图片。

图 27 　“子菜单背景设置面板”窗口

（２）直接选择现有模板

直接单击“选择模板”按钮进入“加载菜单模板”页面，选中一个现有的模板，单击“选择”按钮即可。

第三步 　保存

单击“保存”按钮，弹出“保存菜单模板”窗口（如 图 28 ），只需在其中输入模板名称，再单击“保存”即可。

如果在保存的同时，要覆盖某个已有模板，可以单击现在模板列表中的某个模板名称，再勾选“是否覆盖”，最后单击“保存”即可。

图 28 　“保存菜单模板”窗口

下拉式菜单栏目参数设置及相应的效果图展示：

当下拉菜单的子菜单美工模板设置如 图 29 所示，那么它的前台显示效果就如 图 30 所示。

图 29 　下拉菜单 的子菜单美工模板设置参数如图

图 30 　参数设置如 图 29 的前台下拉菜单显示效果

回顶部