使用面向编码器的工作区

您可以调整 Dreamweaver 中的编码环境使之适合您的工作方式。例如，您可以更改查看代码的方式、设置不同的键盘快捷方式，或导入并使用您喜欢的标签库。

Dreamweaver 提供了多种旨在创造最佳编码体验的工作区布局。在“应用程序”栏上的工作区切换器中，您可以从 Application Developer、Application Developer Plus、Coder 和 Coder Plus 工作区中进行选择。所有这些工作区都默认显示“代码”视图（在整个“文档”窗口或在“代码”和“设计”视图中），并将面板停靠在屏幕的左侧。除 Application Developer Plus 外，所有工作区都从默认视图中取消了属性检查器。

如果任何预先设计的工作区都不能完全满足您的需要，则可以自定义自己的工作区布局，方法是打开面板并将面板停靠在所需的位置，然后将工作区另存为自定义工作区。

查看代码

您可以通过多种方式查看当前文档的源代码：您可以通过启用“代码”视图在“文档”窗口中显示源代码，可以拆分“文档”窗口以同时显示页面及其关联的代码，或者可以在代码检查器（一个单独的编码窗口）中工作。代码检查器与“代码”视图的工作方式相同；您可以把它当作当前文档的一个可分离的“代码”视图。

在文档窗口中查看代码

选择“视图”>“代码”。

在文档窗口中对页面同时进行编码和编辑

  1. 选择“视图”>“代码和设计”。  

    代码显示在顶部窗格中，页面显示在底部窗格中。

  2. 若要在顶部显示页面，请从“文档”工具栏上的“视图选项”菜单中选择“顶部的“设计”视图”。

  3. 若要调整“文档”窗口中窗格的大小，请将拆分条拖到所需的位置。拆分条位于两个窗格之间。

    当在“设计”视图中进行更改时，“代码”视图自动更新。但是，在“代码”视图中进行更改之后，您必须通过在“设计”视图内单击或按 F5 键手动更新“设计”视图中的文档。

用代码检查器在单独的窗口中查看代码

利用代码检查器，您可以在单独的编码窗口中工作，就像在“代码”视图中工作一样。

选择“窗口”>“代码检查器”。工具栏包含以下选项：

文件管理

上传或获取文件。

在浏览器中预览/调试

在浏览器中对文档进行预览或调试。

刷新“设计”视图

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

参考

打开“参考”面板。

代码导航

使您可以在代码中快速移动。

视图选项

用于确定代码显示方式。

自定义快捷键

您可以在 Dreamweaver 中使用自己喜欢的快捷键。如果您习惯使用特定的键盘快捷键（例如使用 Shift+Enter 添加一个换行符，或使用 Ctrl+G 转到代码中的特定位置），则可以使用键盘快捷键编辑器将它们添加到 Dreamweaver 中。

默认情况下在“代码”视图中打开文件

当您打开一个通常不包含任何 HTML 的文件类型（例如，JavaScript 文件）时，该文件将在“代码”视图（或代码检查器）而不是“设计”视图中打开。您可以指定在“代码”视图中打开的文件类型。

  1. 选择“编辑”>“首选参数”(Windows) 或“Dreamweaver”>“首选参数”(Macintosh)。

  2. 从左侧的“分类”列表中选择“文件类型/编辑器”。

  3. 在“在“代码”视图中打开”框中，添加要在“代码”视图中自动打开的文件类型的文件扩展名。

    在文件扩展名之间键入空格。您可以添加任意多的文件扩展名。



,