菜单表格部件概述及目录树、菜单部件
时长：
指导老师：coco
困难程度：容易
主要内容
1、菜单表格部件概述；2、目录树；3、水平菜单；4、垂直菜单
一、菜单表格部件概述
作用：
树：一般用于网站后台、管理系统的导航、组织树。
表格：用于制作列表、报表等。
菜单-水平：网站导航，比较常用。
菜单-垂直：多用于网站后台、管理系统等的导航
二、目录树
步骤1：
从部件库中拖拽一个树部件到线框图编辑区中，并在“部件交互和注释”窗口中命名为“组织架构”
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
步骤2：
双击“项目1”，使其处于可编辑状态，删除原文字，输入名称“A公司”
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
步骤3：
在二级菜单中，双击二级菜单，删除原名称，输入各部门名称，名称后括号内的数字代表该部门的人数，如果菜单不够，则右击打开快捷菜单，选择“新增——在节前（或节后）新增节点”
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
步骤4：
在“开发部”后新增子节点。选中“开发部”，右击打开快捷菜单，选择“新增”，打开子菜单，点击“新增节点”
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
步骤5：
在“开发部”的子菜单中输入菜单名称，如果菜单不够，则右击打开快捷菜单，选择“新增——在该节点前（或节后）新增节点”
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
三、水平菜单
步骤1：
从部件库中拖拽一个菜单-水平部件到线框图编辑区中，并在“部件交互和注释”窗口中命名为“导航”
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
步骤2：
清空原菜单内容，选中一个单元格，右击打开快捷菜单，点击“在之后新增菜单项”，新增5个
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
步骤4：
给有二级菜单的栏目增加子菜单，如“客户案例”，选中“客户案例”，右击打开快捷菜单，点击“新增子菜单”
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
步骤5：
新增子菜单，在子菜单中输入子栏目名称，并选中多余的菜单项，右击打开快捷菜单，点击“删除菜单项”，即可删除选中项
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
步骤6：
重复步骤4-5，分别给“业务范围”、“网站建设”、“联系我们”创建子菜单
制作完成，保存，生成原型预览效果
四、垂直菜单
步骤1：
从部件库中拖拽一个菜单-垂直部件到线框图编辑区中，并在“部件交互和注释”窗口中命名为“导航”
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
步骤2：
选中一个菜单项，右击打开快捷菜单，点击“在之后新增菜单项”，新增6个菜单项
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
步骤3：
清空原菜单项内的内容，给菜单项输入新的菜单名称
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
步骤4：
选中“基本信息”，右击打开快捷菜单，点击“新增子菜单”
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
步骤5：
新增子菜单后，清空系统自带的菜单名称，输入新的菜单名称
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
步骤6：
重复步骤4-5，给其他菜单项增加子菜单内容
制作完成，保存，生成原型预览效果
