“大纲”面板提供了包含文档中各元素和剪辑的树状视图。您可以在窗口菜单中开启/关闭“大纲”面板。
“大纲”面板中列出的元素与场景中的元素具有一些相同的功能。例如，点击“大纲”面板中的元素可以选中相应元素；右键点击元素可以看到一个弹出式菜单，其中包含适用于相应元素的命令；双击带有修改对话框的组件可打开修改对话框。
组织整理
对于包含多个页面的 HTML5 广告和 HTML 文档，“大纲”面板会按页面整理文档中的元素。在组修改模式下，您只会看到相应组中的元素。
默认情况下，“大纲”面板中的元素排列顺序与图层在高级模式时间轴中的排列顺序相同。您可以在设计视图偏好设置中切换到 DOM 顺序。
展开或收起元素：在“大纲”面板中点击元素旁边的箭头，即可显示或隐藏嵌套元素。
展开或收起所有嵌套元素：双击元素旁边的箭头，即可展开或收起列在相应元素下的所有元素。此外，在按住 Ctrl 键 (Windows) 或 ⌘/Alt 键 (Mac) 的同时点击该箭头，也可以产生同样的效果。
将元素重新排序：在列表中将元素拖动到所需位置。元素将要移动到的位置会显示一条黄线。您还可以将子元素拖到其他父元素下。
嵌套元素：您可以将某个元素嵌套在另一个元素中，只需将其拖到新的父元素上即可。目标父元素周围会显示一个黄色框。
选择
对元素的选择会同时体现在场景上、“高级”模式下的时间轴中和“大纲”面板中，这意味着，在其中一处选择某个元素会使其他位置的该元素也被选中。Google Web Designer 会根据需要切换到嵌套元素中的不同级别或切换到不同页面。当前父元素的标签以黄色显示。
选择一个元素：点击某个元素即可将其选中。
选择多个元素：您可以选择多个元素（如果这些元素具有相同的父元素）。
- 按住 Ctrl 键 (Windows) 或 ⌘ 键 (Mac) 的同时点击要选择的元素。
- 如需选择一系列元素，请点击第一个元素，然后在按住 Shift 键的同时点击最后一个元素。
取消选择某个元素：按住 Ctrl 键 (Windows) 或 ⌘ 键 (Mac) 的同时点击要取消选择的元素。
转到某个元素内：双击某个元素即可转到其内部，这样该元素就会成为当前父元素。您可以修改现有子元素，也可以在该父元素下嵌套新元素。如果该元素是带有修改对话框的组件，那么双击该元素将会打开修改对话框。
元素类型和状态
对于每个元素，“大纲”面板都会显示一个表示元素类型的图标，以及元素 ID、名称或文本内容（如果有）。“大纲”面板还会显示以下状态图标：
- 菱形图标表示相应元素具有动态数据绑定。
- 引导层会显示一个图标，点击该图标即可将引导层转换回常规元素。
- 隐藏和锁定的元素都会显示状态图标，点击这些状态图标即可将相应元素取消隐藏或解除锁定。如果将鼠标悬停在可见或未锁定的元素上，可看到用于隐藏或锁定该元素的图标。
每种元素类型的图标
页面
| 主页面 | |
| 页面 |
元素
| 组 | |
| Div | |
| 图片 | |
| amp-img（AMP 文档中的图片） | |
| 视频元素 | |
| 文本框 | |
| 编号列表 | |
| 带项目符号的列表 | |
| 链接 |
形状
| 路径（由“钢笔”工具绘制） | |
| 矩形 | |
| 椭圆形 | |
| 直线 |
组件
| 手势组件 | |
| 图片按钮组件 | |
| 视差组件 | |
| 点按区域组件 | |
| “点按通话/发短信”组件 | |
| 360° 图库组件 | |
| 轮播式图库组件 | |
| 图库导航组件 | |
| 手滑式图库组件 | |
| 过渡效果图库组件 | |
| amp-carousel 组件 | |
| 音频组件 | |
| 视频组件 | |
| YouTube 组件 | |
| 3D 模型查看器组件 | |
| 图片效果组件 | |
| 粒子效果组件 | |
| 雪碧图组件 | |
| 旋涡组件 | |
| 按钮组件 | |
| 复选框组件 | |
| 下拉菜单组件 | |
| 标签组件 | |
| 数字输入框组件 | |
| 单选按钮组件 | |
| 滑块组件 | |
| 文本字段组件 | |
| “添加到日历”组件 | |
| 日期交换组件 | |
| 地图组件 | |
| 街景组件 | |
| iframe 组件 | |
| 星级组件 |
背景幕元素
| 矩形背景幕形状 | |
| 椭圆形背景幕形状 | |
| 多边形背景幕形状 |
剪辑
| 音频剪辑 | |
| 视频剪辑或图片剪辑 |
状态图标
| 具有动态绑定或变体绑定 | |
| 引导层 | |
| 已隐藏/已显示（悬停时显示） | |
| 已锁定/未锁定（悬停时显示） |
过滤
您可以过滤“大纲”面板中显示的元素列表。如果某个元素与过滤条件匹配，系统会一并显示其父元素和其他祖先元素，以便您查看匹配的元素在文档结构中的位置。
要过滤元素，请在“大纲”面板顶部点击放大镜图标 旁边的空白区域，然后输入元素 ID、名称属性值、标记名称或组名称的部分内容。系统还会根据文字内容比对文本元素。如果您输入素材资源的名称，系统将显示使用相应素材资源的组件。
您还可以使用元素类型过滤条件。
元素类型过滤条件
“大纲”面板包含过滤条件，可让系统仅显示特定元素类型（例如文本或形状）。在该面板的顶部，点击您要在“大纲”面板中查看的元素类型对应的图标。当您应用了多个元素类型过滤条件时，您会看到与所有应用的过滤条件相匹配的元素。
元素类型过滤条件图标
| 显示图片和视频 | |
| 显示组件 | |
| 显示文本 | |
| 显示形状 |