关于 Dreamweaver 文档工具栏概述-平面设计-菜鸟图库

关于 Dreamweaver 文档工具栏概述

2022-02-27
来源/作者：不详 / 佚名
12 次浏览

使用“文档”窗口工具栏包含的按钮可以在文档的不同视图之间快速切换。工具栏中还包含一些与查看文档、在本地和远程站点间传输文档有关的常用命令和选项。下图显示展开的“文档”工具栏。查看完全大小图形

A.: 显示“代码”视图
B.: 显示“代码”视图和“设计”视图
C.: 显示“设计”视图
D.: 实时“代码”视图
E.: 检查浏览器兼容性
F.: “实时”视图
G.: CSS 检查模式
H.: 在浏览器中预览/调试
I.: 可视化助理
J.: 刷新“设计”视图
K.: 文档标题
L.: 文件管理

以下选项出现在“文档”工具栏中：

显示“代码”视图: 只在“文档”窗口中显示“代码”视图。
显示“代码”视图和“设计”视图: 将“文档”窗口拆分为“代码”视图和“设计”视图。当选择了这种组合视图时，“视图选项”菜单中的“顶部的“设计”视图”选项变为可用。
显示“设计”视图: 只在“文档”窗口中显示“设计”视图。注：如果处理的是 XML、JavaScript、Java、CSS 或其他基于代码的文件类型，则不能在“设计”视图中查看文件，而且“设计”和“拆分”按钮将会变暗。
“实时”视图: 显示不可编辑的、交互式的、基于浏览器的文档视图。
实时“代码”视图: 显示浏览器用于执行该页面的实际代码。
文档标题: 允许您为文档输入一个标题，它将显示在浏览器的标题栏中。如果文档已经有了一个标题，则该标题将显示在该区域中。
文件管理: 显示“文件管理”弹出菜单。
在浏览器中预览/调试: 允许您在浏览器中预览或调试文档。从弹出菜单中选择一个浏览器。
刷新“设计”视图: 在“代码”视图中对文档进行更改后刷新文档的“设计”视图。在执行某些操作（如保存文件或单击该按钮）之后，您在“代码”视图中所做的更改才会自动显示在“设计”视图中。注：刷新过程也会更新依赖于 DOM（文档对象模型）的代码功能，如选择代码块的开始标签或结束标签的能力。
视图选项: 允许您为“代码”视图和“设计”视图设置选项，其中包括想要这两个视图中的哪一个居上显示。该菜单中的选项会应用于当前视图：“设计”视图、“代码”视图或同时应用于这两个视图。
可视化助理: 使您可以使用各种可视化助理来设计页面。
验证标记: 用于验证当前文档或选定的标签。
检查浏览器兼容性: 用于检查您的 CSS 是否对于各种浏览器均兼容。

标准工具栏概述

“标准”工具栏包含一些按钮，可执行“文件”和“编辑”菜单中的常见操作：“新建”、“打开”、“在 Bridge 中浏览”、“保存”、“全部保存”、“打印代码”、“剪切”、“复制”、“粘贴”、“撤消”和“重做”。可像使用等效的菜单命令一样使用这些按钮。

样式呈现工具栏概述

“样式呈现”工具栏（默认情况下隐藏）包含一些按钮，如果使用依赖于媒体的样式表，这些按钮使您能够查看设计在不同媒体类型中的呈现方式。它还包含一个允许您启用或禁用 CSS 样式的按钮。若要显示该工具栏，请选择“查看”>“工具栏”>“样式呈现”。

只有在文档使用依赖于媒体的样式表时，此工具栏才有用。例如，样式表可能会为打印媒体指定某种正文规则，而为手持设备指定另一种正文规则。

默认情况下，Dreamweaver 会显示屏幕媒体类型的设计（该类型显示页面在计算机屏幕上的呈现方式）。您可以在“样式呈现”工具栏中单击相应的按钮来查看下列媒体类型的呈现。

呈现屏幕媒体类型: 显示页面在计算机屏幕上的显示方式。
呈现打印媒体类型: 显示页面在打印纸张上的显示方式。
呈现手持型媒体类型: 显示页面在手持设备（如手机或 BlackBerry 设备）上的显示方式。
呈现投影媒体类型: 显示页面在投影设备上的显示方式。
呈现 TTY 媒体类型: 显示页面在电传打字机上的显示方式。
呈现 TV 媒体类型: 显示页面在电视屏幕上的显示方式。
切换 CSS 样式的显示: 用于启用或禁用 CSS 样式。此按钮可独立于其它媒体按钮之外工作。
设计时样式表: 可用于指定设计时样式表。

“浏览器导航”工具栏概述

“浏览器导航”工具栏在“实时”视图中激活，并显示您正在“文档”窗口中查看的页面的地址。从 Dreamweaver CS5 起，“实时”视图的作用类似于常规的浏览器，因此即使浏览到您的本地站点以外的站点（例如 http://www.adobe.com/cn），Dreamweaver 也将在“文档”窗口中加载该页面。

查看完全大小图形