Dreamweaver中的工作区元素

Dreamweaver 工作区元素
本节简要介绍 Dreamweaver 工作区的一些元素。

注意
 
Dreamweaver 另外提供了许多面板、检查器和窗口。若要打开 Dreamweaver 面板、检查器和窗口，请使用“窗口”菜单。如果您找不到一个标记为打开的面板、检查器或窗口，请选择“窗口”>“排列面板”以整齐地列出所有打开的面板。


起始页使您可以打开最近使用过的文档或创建新文档。您还可以从起始页通过产品介绍或教程了解关于 Dreamweaver 的更多信息。

“插入”栏包含用于将各种类型的“对象”（如图像、表格和层）插入到文档中的按钮。每个对象都是一段 HTML 代码，允许您在插入它时设置不同的属性。例如，您可以在“插入”栏中单击“表格”按钮，插入一个表格。如果您愿意，可以不使用“插入”栏而使用“插入”菜单插入对象。

“文档”工具栏包含各种按钮，它们提供各种“文档”窗口视图（如“设计”视图和“代码”视图）的选项、各种查看选项和一些常用操作（如在浏览器中预览）。

“标准”工具栏（在默认工作区布局中不显示）包含来自“文件”和“编辑”菜单中的一般操作的按钮：“新建”、“打开”、“保存”、“保存全部”、“剪切”、“复制”、“粘贴”、“撤消”和“重做”。若要显示“标准”工具栏，请选择“查看”>“工具栏”>“标准”。

编码工具栏（只在“代码”视图中显示）包含允许您执行许多标准编码操作的按钮。

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

“文档”窗口显示您当前创建和编辑的文档。

“属性”检查器用于查看和更改所选对象或文本的各种属性。每种对象都具有不同的属性。在“编码器”工作区布局中，“属性”检查器默认是不展开的。

标签选择器位于“文档”窗口底部的状态栏中，它显示环绕当前选定内容的标签的层次结构。单击该层次结构中的任何标签可以选择该标签及其全部内容。

面板组是组合在一个标题下面的相关面板的集合。若要展开一个面板组，请单击组名称左侧的展开箭头；若要取消停靠一个面板组，请拖动该组标题条左边缘的手柄。

“文件”面板使您可以管理文件和文件夹，无论它们属于 Dreamweaver 站点的一部分还是位于远程服务器上。“文件”面板还使您可以访问本地磁盘上的全部文件，非常类似于 Windows 资源管理器 (Windows) 或 Finder (Macintosh)。

文档”窗口
“文档”窗口显示当前文档。可以选择下列任一视图：

“设计”视图是一个用于可视化页面布局、可视化编辑和快速应用程序开发的设计环境。在该视图中，Dreamweaver 显示文档的完全可编辑的可视化表示形式，类似于在浏览器中查看页面时看到的内容。您可以配置“设计”视图以在处理文档时显示动态内容（请参见在“设计”视图中查看动态数据）。

“代码”视图是一个用于编写和编辑 HTML、JavaScript、服务器语言代码（如 PHP 或 ColdFusion 标记语言 (CFML)）以及任何其他类型代码的手工编码环境。有关更多信息，请参见在 Dreamweaver 中编写代码。

“代码和设计”视图使您可以在单个窗口中同时看到同一文档的“代码”视图和“设计”视图。

当“文档”窗口有一个标题栏时，标题栏显示页面标题，并在括号中显示文件的路径和文件名。如果您做了更改但仍未保存，则 Dreamweaver 在文件名后显示一个星号。

当“文档”窗口在集成工作区布局（仅限 Windows）中处于最大化状态时，它没有标题栏；在这种情况下，页面标题以及文件的路径和文件名显示在主工作区窗口的标题栏中。

当“文档”窗口处于最大化状态时，出现在“文档”窗口区域顶部的选项卡显示所有打开的文档的文件名。若要切换到某个文档，请单击它的选项卡。

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

显示代码视图仅在“文档”窗口中显示“代码”视图。

显示代码视图和设计视图在“文档”窗口的一部分中显示“代码”视图，而在另一部分中显示“设计”视图。当选择了这种组合视图时，“视图选项”菜单中的“在顶部查看设计视图”选项变为可用。请使用该选项指定在“文档”窗口的顶部显示哪种视图。

显示设计视图仅在“文档”窗口中显示“设计”视图。

服务器调试显示一个报告，帮助您调试当前 ColdFusion 页。该报告包括您的页面中的错误（如果有的话）。

文档标题允许您为文档输入一个标题，它将显示在浏览器的标题栏中。如果文档已经有了一个标题，则该标题将显示在该区域中。

没有浏览器/检查错误使您可以检查跨浏览器兼容性。

验证标记允许您验证当前文档或选定的标签。

文件管理显示“文件管理”弹出菜单。

在浏览器中预览/调试允许您在浏览器中预览或调试文档。从弹出菜单中选择一个浏览器。

刷新设计视图当您在“代码”视图中进行更改后刷新文档的“设计”视图。在执行某些操作（如保存文件或单击该按钮）之前，您在“代码”视图中所做的更改不会自动显示在“设计”视图中。

视图选项允许您为“代码”视图和“设计”视图设置选项，其中包括对哪个视图显示在上面进行选择。该菜单中的选项用于当前视图：“设计”视图、“代码”视图或两者。有关“代码”视图选项的信息，请参见设置编码首选参数。有关“设计”视图选项的信息，请参见在“文档”窗口中选择元素、查看和编辑文件头内容和使用可视化助理 Dreamweaver。

可视化助理允许您使用不同的可视化助理来设计页面。

“插入”栏按以下的类别进行组织：

“常用”类别使您可以创建和插入最常用的对象，例如图像和表格。

“布局”类别使您可以插入表格、div 标签、层和框架。您还可以从三个表格视图中进行选择：“标准”（默认）、“扩展表格”和“布局”。当选择“布局”模式后，您可以使用 Dreamweaver 布局工具：“绘制布局单元格”和“绘制布局表格”。

“表单”类别包含用于创建表单和插入表单元素的按钮。

“文本”类别使您可以插入各种文本格式设置标签和列表格式设置标签，例如 b、em、p、h1 和 ul。

“HTML”类别使您可以插入用于水平线、头内容、表格、框架和脚本的 HTML 标签。

“服务器代码”类别仅适用于使用特定服务器语言的页面，这些服务器语言包括 ASP、ASP.NET、CFML Basic、CFML Flow、CFML Advanced、JSP 和 PHP。这些类别中的每一个都提供了服务器代码对象，您可以将这些对象插入“代码”视图中。

“应用程序”类别使您可以插入动态元素，例如记录集、重复区域以及记录插入和更新表单。

“Flash 元素”类别使您可以插入 Macromedia Flash 元素。

“收藏”类别使您可以将“插入”栏中最常用的按钮分组和组织到某一常用位置。

报告 Dreamweaver
可以在 Dreamweaver 中运行报告来查找内容、排除故障或测试内容。可以生成以下类型的报告：

搜索使您可以搜索标签、属性和标签中的特定文本。若要在代码中搜索，请参见搜索和替换标签和属性。

验证使您可以检查代码或语法错误。若要验证代码，请参见验证标签。

目标浏览器检查使您可以对文档中的 HTML 进行测试，检查是否有目标浏览器所不支持的任何标签或属性。若要运行目标浏览器检查，请参见检查浏览器的兼容性。

链接检查器使您可以查找和修复断开的链接、外部连接和孤立的链接。若要运行链接检查器，请参见查找断开的、外部的和孤立的链接。

站点报告使您可以改进工作流程，并对站点中的 HTML 属性进行测试。工作流程报告包含取出者、最近修改日期和设计备注；HTML 报告包含可合并的嵌套字体标签、辅助功能、遗漏的替换文本、冗余的嵌套标签、可删除的空标签和无标题文档。若要运行站点报告，请参见测试站点。

FTP 日志使您可以查看所有 FTP 文件传输活动。若要查看 FTP 日志，请参见从远程服务器获取文件或将文件上传到远端服务器上。

服务器调试使您可以查看信息以便调试 ColdFusion 应用程序。