显示或隐藏视觉帮助

重要:  本文是由机器翻译的,请参阅免责声明。请在 此处 中查找本文的英文版本以便参考。

当处理在设计视图中的页面时,有时可能想要修改不在该视图中,例如内容区域或页边距和边距通常可见的页面元素。在此例中,视觉帮助使您能够查看所有这些不可见或空白页设计元素,从而使页面结构和布局进行完全控制。视觉帮助使其更易于处理内容、 设计、 布局和页的结构。

本文介绍视觉帮助,介绍每个视觉帮助的用途,并向您显示如何快速显示或隐藏它们在设计视图中工作时。

本文内容

什么是视觉帮助?

每个视觉帮助的显示是什么?

显示或隐藏视觉帮助

什么是视觉帮助?

视觉帮助的指示器,您可以显示在页面上,在设计视图的页面上看到所有不可见的和空元素和属性。您可以使用视觉帮助标识具有不可见的和空样式,如空白的 HTML 标记和不可见的 Microsoft ASP.NET 控件的元素。视觉帮助也允许您在页面上看到的页边距和页面元素、 内容块和内容区域 (仅在 ASP.NET 网页和动态 Web 模板) 的边距。

隐藏视觉帮助,请在设计视图中的页面布局将密切匹配在浏览器中的页面布局,如下图所示。

禁用视觉帮助的设计视图中的网页

在下图中,同一页-仍在设计视图中,但现在显示默认视觉帮助-以不同方式显示。

启用默认视觉帮助的设计视图中的网页

显示视觉帮助时,某些元素显示在不同的颜色中的虚线边框。每个虚线的边框表示单独的视觉帮助。在上图中,例如,可视边框视觉帮助粉色的虚线边框中显示的内容区域中空白表元素虚线边框和底纹灰色不可编辑区域。根据您所选择的视觉帮助,您还可以查看内容区域,标记为隐藏的或不可见的样式、 不可见 ASP.NET 控件和 ASP.NET 控件错误页面上的元素。下一步部分中介绍了每个视觉帮助的详细信息。

返回页首

每个视觉帮助的显示是什么?

此部分标识视觉帮助Microsoft Office SharePoint Designer 2007中可用的、 介绍使用和行为的每个视觉帮助 (和也在其使用任何限制),并说明了在设计视图中的每个视觉帮助的外观。

Microsoft SharePoint 网站中的页面通常具有许多页面和设计元素。若要更好地隔离并查看每个视觉帮助的用途,这可能会有助于创建空白页,并插入几个元素。

阻止所选内容

列方式选定视觉帮助显示在两种方法︰

  • 单击内部块时,该块周围将出现一个虚线的矩形。

  • 快速标记选择器还会显示相应的标记名称。您可以单击此标记,以选择块和显示边距和填充。

列方式选定视觉帮助可以用于以下标签︰ 段落、 列表、 列表项、 表单、 未定位的 div、 地址、 块报价、 横线和中心。

注意: 虚线的矩形、 边距和调整大小图柄可用于某些元素,例如图像、 定位的 div、 和表,即使未选中列方式选定视觉帮助。

包含光标并启用“列方式选定”视觉帮助的块

您可以通过单击箭头,然后单击选择标记快速标记选择器中选择一个块。执行此操作时,块的边距和填充显示,以及控点。您可以使用控点调整了阻止其边距和填充。页边距显示在带有底纹的红色,并且填充显示蓝色的底纹,如下图所示。

注意: 使用快速标记选择器中选择一个块显示块的边距和填充,即使您不会显示边距和填充视觉帮助。

在“快速标记选择器”上选择了对应标记的选定块

1.快速标记选择器显示相应的标记名称

2.页边距显示红色底纹

3.边距显示蓝色的底纹

4.调整大小控点的块

5.调整大小控点的边距

要在页面上四处移动绝对定位的元素 (如图像),可以将它们拖动。您可以拖动所对应的标记块该元素的任意位置页面上。

可见的边框

可视边框视觉帮助显示虚线的边框隐藏边框或无边框页面上的元素。显示可见的边框周围的元素,如表、 定位的元素、 窗体容器和内容区域。按原样样式元素,例如图像当选中视觉帮助时不显示可见的边框。可见的边框也会显示周围大小没有边框的元素 (与特定的宽度和高度的元素)。如果调整段落,然后单击页面上的其他位置,段落元素显示可见的边框。

在母版页上,内容区域显示粉色虚线的边框,表元素显示白色虚线的边框,则不可编辑区域中为灰色灰色,如下图所示。

启用“可视边框”视觉帮助的网页

1.内容区域显示粉色虚线的边框。

2.表元素显示白色虚线的边框。

3.则不可编辑区域以灰色阴影在带有。

空容器

空容器视觉帮助的页面上,显示空元素周围的虚线的矩形,如下图所示。

注意: 在设计视图中Office SharePoint Designer 2007折叠空元素,因为大多数浏览器执行的操作。显示空容器视觉帮助,请将显示在页面上的所有空白元素,这可能会改变您在设计视图中,但不是在浏览器中的页面布局。

启用“空容器”视觉帮助的网页

1.空虚线矩形括在页面上的元素

页边距和边距

边距和填充视觉帮助显示页边距和页面元素周围的边距。页边距显示的带有底纹的红色,,边距显示蓝色的底纹。显示此视觉帮助的页边距和的每个页面元素的边距。

注意: 不能使用边距和填充视觉帮助修改边距和填充。相反,选择的元素,并使用列方式选定视觉帮助,可以拖动尺寸控点。

启用“边距与填充”视觉帮助的网页

1.边距显示蓝色的底纹

2.页边距显示红色底纹

CSS 显示︰ 无元素

CSS 显示︰ 无元素视觉帮助显示为display:none页的对应样式表中定义的元素。

注意: 在浏览器中不显示此类元素。

CSS 可见性︰ 隐藏元素

CSS 可见性︰ 隐藏的元素视觉帮助显示为visibility:hidden页的对应样式表中定义的元素。

注意: 此类元素是在浏览器中,不可见,但其布局仍保留在设计视图中可见。

ASP.NET 非可视控件

ASP.NET 非可视控件视觉帮助显示所有不可见 ASP.NET 控件 — 例如,HiddenField 或数据源控件 — 页面上。

显示不可见 ASP.NET 控件的网页

1.在 ASP.NET 页上的 ASP.NET 非可视控件外观

ASP.NET 控件错误

在页面上的 ASP.NET 控件遇到错误 (如无法连接到数据源或不正确的页面属性的状态) 时,ASP.NET 控件错误的视觉帮助会显示一条错误消息。

显示 ASP.NET 控件错误的网页

模板区域标签

模板区域标签视觉帮助显示紫色内容区域周围的边框,并且还显示占位符,指示每个内容区域的名称。

注意: 可以仅在从 ASP.NET 母版页或动态 Web 模板创建的页面上显示此视觉帮助。

启用“模板区域标签”视觉帮助的网页

1.内容区域中 ASP.NET 母版页上的紫色分级显示

返回页首

显示或隐藏视觉帮助

当您正在在设计视图中时,您可以快速显示或隐藏视觉帮助。例如,可能想要显示它们,以便您可以更多轻松地处理内容区域。或者,您可能想要隐藏它们,以便您在设计视图中的网页布局密切匹配的页面布局它将出现在浏览器。

  1. 打开要在设计视图中编辑页面。

    注意: 视觉帮助命令是仅在一个页面视图中可用。此外,视觉帮助命令不可用,您不使用设计元素如样式表的文件。

  2. 若要显示或隐藏视觉帮助,请执行以下任一操作︰

    • 视图菜单上,指向视觉帮助,,然后单击显示。此显示或隐藏所有子菜单选择的视觉帮助。要显示或隐藏每个视觉辅助,请在视觉帮助子菜单上单击。

    • 按 CTRL + /。此显示或隐藏所有视觉帮助视觉帮助子菜单上选择。

    • 双击状态栏上的视觉帮助指示器。此显示或隐藏所有视觉帮助视觉帮助子菜单上选择。

      注意: 选择视觉帮助子菜单的视觉帮助保持选中状态,直到您选择不显示它们。这意味着当您按 CTRL + / 或双击状态栏指示器显示视觉帮助,您始终看到当前选定的视觉帮助视觉帮助子菜单上。

下图显示了如何显示或隐藏视觉帮助。

显示“视觉帮助”子菜单的“视图”菜单

1.单击显示以显示或隐藏所有选定的视觉帮助。

2.单击要显示或隐藏该文件时显示已选中任何单个视觉帮助。

3.的所选的视觉帮助的外观。这些是默认视觉帮助。

4.未选中的视觉帮助的外观。

若要快速查找出视觉帮助是否打开或关闭时,您可以检查状态栏。您也可以双击视觉帮助部分中的状态栏视觉帮助设置打开关闭之间切换。

状态栏上的“视觉帮助”指示符

此外,当您将指针停留在视觉帮助部分中的状态栏上,通知解释视觉帮助设置的当前状态是如何影响您的页面布局中Office SharePoint Designer 2007。

状态栏上的“视觉帮助”通知

返回页首

注意: 机器翻译免责声明:本文是由无人工介入的计算机系统翻译的。Microsoft 提供机器翻译是为了帮助非英语国家/地区用户方便阅读有关 Microsoft 产品、服务和技术的内容。由于机器翻译的原因,本文可能包含词汇、语法或文法方面的错误。

扩展你的技能
了解培训
抢先获得新功能
加入 Office 预览体验计划

此信息是否有帮助?

谢谢您的反馈!

谢谢你的反馈! 可能需要转接到 Office 支持专员。

×