注意:用户界面已经在 Dreamweaver CC 和更高版本中做了简化。因此,您可能在 Dreamweaver CC 和更高版本中找不到本文中描述的一些选项。

关于编码首选参数                                  

可以设置编码首选参数(例如代码格式和颜色等)以满足您的特定需求。

注意:若要设置高级首选参数,请使用标签库编辑器。

设置代码外观                                    

您可以通过“查看”>“代码视图选项”菜单来设置文本换行、显示代码行号、高亮显示无效代码、设置代码元素的语法颜色、设置缩进和显示隐藏字符。

    • 在代码视图或代码检查器中查看文档。

    • 执行下列操作之一:

      • 选择“查看”>“代码视图选项”

      • 单击位于代码视图或代码检查器顶部的工具栏中的“查看选项”按钮

    • 选择或取消选择以下任一选项:

      文本换行

      对代码进行换行,以便查看代码时无需水平滚动。此选项不插入换行符;它只是使代码更易于查看。

      行号

      在代码的旁边显示行号。

      隐藏字符

      显示用来替代空白处的特殊字符。例如,用点取代空格,用双人字标记取代制表符,用段落标记取代换行符。

      注意:Dreamweaver 在文本换行时使用的软换行符不以段落标记的形式显示出来。

      高亮显示无效代码

      使 Dreamweaver 以黄色高亮显示所有无效的 HTML 代码。当选择一个无效的标签时,属性检查器将显示有关如何更正该错误的信息。

      语法颜色

      启用或禁用代码颜色。

      自动缩进

      在编写代码过程中按 Enter 时使代码自动缩进。新一行代码的缩进级别与上一行的相同。

更改代码格式                                    

您可以通过指定格式设置首选参数(例如缩进、行长度以及标签和属性名称的大小写)更改代码的外观。

除了“覆盖大小写”选项之外,所有“代码格式”选项均只会自动应用到随后创建的新文档或新添加到文档中的部分。

若要重新设置现有 HTML 文档的格式,请打开文档,然后选择“命令”>“应用源格式”。

    • 选择“编辑”>“首选参数”。

    • 从左侧的“分类”列表中选择“代码格式”。

    • 设置以下任一选项:

      缩进

      指示由 Dreamweaver 生成的代码是否应该缩进(根据在这些首选参数中指定的缩进规则)。

      注意:此对话框中的大多数缩进选项仅应用于由 Dreamweaver 生成的代码,而不应用于您键入的代码。若要使您新键入的每一代码行的缩进级别都与上一行相同,请选择“查看”>“代码视图选项”中的“自动缩进”选项。

      使用

      (文本框和弹出菜单)指定 Dreamweaver 应使用多少个空格或制表符对它所生成的代码进行缩进。例如,如果在框中键入“3”并从弹出菜单中选择“制表符”,则对由 Dreamweaver 生成的代码按照每个缩进级别使用三个制表符的方式来进行缩进。

      制表符大小

      确定每个制表符字符在代码视图中显示为多少个字符宽度。例如,如果“制表符大小”设置为 4,则每个制表符在代码视图中显示为四个字符宽度的空白空间。此外,如果“缩进大小”设置为 3 个制表符,则对 Dreamweaver 所生成的代码按照每个缩进级别使用三个制表符的方式来进行缩进,在代码视图中显示的缩进就是十二个字符宽度的空白空间。

      注意:Dreamweaver 使用空格或制表符进行缩进;在插入代码时它并不会将一串空格转换成制表符。

      换行符类型

      指定承载远程站点的远程服务器的类型(Windows、Macintosh 或 UNIX)。选择正确的换行符类型可以确保您的 HTML 源代码在远程服务器上能够正确显示。当您使用只识别某些换行符的外部文本编辑器时,此设置也有用。例如,如果将“记事本”作为您的外部编辑器,则使用“CR LF (Windows)”;如果将“SimpleText”作为外部编辑器,则使用“CR (Macintosh)”。

      注意:如果要连接的服务器使用 FTP,此选项只能应用于二进制传输模式;Dreamweaver 中的 ASCII 传输模式忽略此选项。如果使用 ASCII 模式下载文件,则 Dreamweaver 根据计算机的操作系统设置换行符;如果使用 ASCII 模式上传文件,则换行符都设置为“CR LF”。

      默认标签大小写和默认属性大小写

      控制标签和属性名称的大小写。这些选项应用于您在“设计”视图中插入或编辑的标签和属性,但是它们不能应用于您在代码视图中直接输入的标签和属性,也不能应用于打开的文档中的标签和属性(除非您还选择了一个或全部两个“覆盖大小写”选项)。

      注意:这些首选参数仅适用于 HTML 页。对于 XHTML 页,Dreamweaver 将忽略这些参数,因为大写标签和属性是无效的 XHTML。

      覆盖大小写: 标签和属性

      指定是否在任何时候(包括当您打开现有的 HTML 文档时)都强制使用您指定的大小写选项。当您选择其中的一个选项并且单击“确定”退出对话框时,当前文档中的所有标签或属性立即转换为指定的大小写,同样,从这时起打开的每个文档中的所有标签或属性也都转换为指定的大小写(直到您再次取消对此选项的选择为止)。与使用“插入”面板插入的标签或属性一样,您在代码视图和快速标签编辑器中键入的标签或属性也将转换为指定的大小写。例如,如果您想让标签名称总是转换为小写,则在“默认标签大小写”选项中指定小写字母,然后选择“覆盖大小写: 标签”选项。然后,当您打开包含大写标签名称的文档时,Dreamweaver 将它们全部转换为小写。

      注意:旧版本 HTML 允许标签和属性的名称使用大写或小写,但是 XHTML 要求标签和属性的名称为小写。Web 正在向 XHTML 方向发展,所以一般来讲,标签和属性名称最好使用小写。

      TD 标签: 不在 TD 标签内包括换行符

      解决当 <td> 标签之后或 </td> 标签之前紧跟有空白或换行符时,某些较早浏览器中发生的呈现问题。选择此选项后,即使标签库中的格式设置指示应在 <td> 之后或 </td> 之前插入换行符,Dreamweaver 也不会在这些地方写入换行符。

      高级格式化

      用于设置层叠样式表 (CSS) 代码以及标签库编辑器中个别标签和属性的格式选项。

      空白字符

      (仅适用于日语版本)用来为 HTML 代码选择 &nbsp; 或 Zenkaku 空格。如果在日语编码页面上创建表格并启用了“允许多个连续的空格”选项,则将在空标签中使用在此选项中选择的空白。

设置代码改写首选参数                                    

使用代码改写首选参数可以指定在打开文档、复制或粘贴表单元素或在使用诸如属性检查器之类的工具输入属性值和 URL 时,Dreamweaver 是否修改您的代码,以及如何修改。在代码视图中编辑 HTML 或脚本时,这些首选参数不起作用。

如果禁用改写选项,则在“文档”窗口中对它本应改写的 HTML 显示无效标记项。

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

    • 从左侧的“分类”列表中选择“代码改写”。

    • 设置以下任一选项:

      修正非法嵌套标签或未结束标签

      改写重叠标签。例如,<b><i>text</b></i> 改写为 <b><i>text</i></b>。 如果缺少右引号或右括号,则此选项还将插入右引号或右括号。

      粘贴时重命名表单项目

      确保表单对象不会具有重复的名称。默认情况下启用该选项。

      注意:与此首选参数对话框中的其他选项不同的是,此选项并不在打开文档时应用,只在复制和粘贴表单元素时应用。

      删除多余的结束标签

      删除不具有对应的开始标签的结束标签。

      修正或删除标签时发出警告

      显示 Dreamweaver 试图更正的、技术上无效的 HTML 的摘要。该摘要记录了问题的位置(使用行号和列号),以便您可以找到更正内容并确保它按预期方式呈现。

      从不改写代码: 在带有扩展的文件中

      允许您防止 Dreamweaver 改写具有指定文件扩展名的文件中的代码。对于包含第三方标签的文件,此选项特别有用。

      使用 & 将属性值中的 <、>、& 和 " 编码

      确保您使用 Dreamweaver 工具(例如属性检查器)输入或编辑的属性值只包含合法的字符。默认情况下启用该选项。

      注意:此选项和下面的选项不会应用于您在代码视图中键入的 URL。另外,它们不会使已经存在于文件中的代码发生更改。

      不编码特殊字符

      防止 Dreamweaver 将 URL 更改为仅使用合法字符。默认情况下启用该选项。

      使用 &# 将 URL 中的特殊字符编码

      确保您使用 Dreamweaver 工具(例如属性检查器)输入或编辑的 URL 只包含合法的字符。

      使用 % 将 URL 中的特殊字符编码

      与前一选项的操作方式相同,但是使用另一方法对特殊字符进行编码。这种编码方法(使用百分号)可能对较早版本的浏览器更为兼容,但对于某些语言中的字符并不适用。

设置代码视图的颜色主题

使用代码颜色首选参数为代码视图指定主题。通过为背景、前景和隐藏字符选择不同的颜色方案,您可以自定义主题。

对于列出的每个文档类型,可以自定义不同类别的标签和代码元素(例如与表单相关的标签或 JavaScript 标识符)的颜色。例如,将 Raven 主题应用于所有文档类型时,您可以选择只对 HTML 文档中与表单相关的标签使用蓝色。

单击“应用”时将会保存主题中的所有自定义设置,自定义主题将可用于所有 Dreamweaver 会话。

注意:若要设置特定标签的颜色首选参数,请在标签库编辑器中编辑标签定义。

自定义主题                                    

默认主题是“经典”。若要更改主题或自定义主题,请执行以下步骤:

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

    • 从左侧的“类别”列表中选择“代码颜色”。

    • 从“主题”列表中选择主题。

      用于代码视图的现成主题

    • 如果要自定义主题,请执行以下步骤:

        • 若要更改背景颜色,请使用以下选项:

          默认背景

          设置代码视图和代码检查器的默认背景颜色。

          隐藏字符

          设置隐藏字符的颜色。

          实时代码背景

          设置实时代码视图的背景颜色。此默认颜色为黄色。

          实时代码更改

          设置实时代码视图中发生更改的代码的高亮颜色。此默认颜色为粉红色。

          只读背景

          设置只读文本的背景颜色。

          选择背景

          设置所选代码的背景颜色。

          选择前景

          设置所选代码的前景颜色。

        • 若要更改特定标签类别或代码元素的颜色方案,请从“文档类型”列表中选择文档类型。然后,单击“编辑主题颜色”。

          注意:对所选文档类型的代码颜色方案所做的任何编辑都将影响所有该类型的文档。

          在“编辑颜色方案”对话框中,从“样式”列表中选择某个代码元素,然后设置其文本颜色、背景颜色和(可选)样式(粗体、斜体或下划线)。“预览”窗格中的示例代码将发生变化,以匹配新的颜色和样式。

          编辑 HTML 文档类型的颜色方案

        • 要恢复主题的出厂默认设置,请单击“恢复默认值”。

    • 单击“应用”保存更改。

可使用“首选参数”中的“同步设置”选项,使自定义的代码主题在不同 Dreamweaver 实例之间保持同步。

将主题添加到默认列表                                  

如果您希望自定义主题出现在默认主题列表中,请执行以下步骤:

    • 将 Themes.xml 从以下位置复制并粘贴到您的桌面:

      • 在 Win 上:C:Program FilesAdobeAdobe Dreamweaver CC 2015configurationhemes

      • 在 Mac 上:Applications/Adobe Dreamweaver CC 2015/configuration/themes/

    • 在记事本中打开 Themes.xml 并在结束标记 <theme> 前面添加以下行:

      <theme name="MyTheme"></theme>    

    • 使用您编辑的文件替换以下位置中的 Themes.xml 文件:

      • 在 Win 上:C:Program FilesAdobeAdobe Dreamweaver CC 2015configurationhemes

      • 在 Mac 上:Applications/Adobe Dreamweaver CC 2015/configuration/themes/

    • 若要指定您的主题的颜色方案,请重用以下位置中现有主题的 XML 文件:

      • 在 Win 上:C:Program FilesAdobeAdobe Dreamweaver CC 2015configurationhemes?

      • 在 Mac 上:Applications/Adobe Dreamweaver CC 2015/configuration/themes/

      例如,复制 Raven.xml 和 defaultColorsRaven.xml,然后将复制的文件重命名为 MyTheme.xml 和 defaultColorsMyTheme.xml。

    • 重新启动 Dreamweaver 并检查默认主题列表(首选参数 > 代码颜色)以查看是否列出了您的主题。

使用外部编辑器                                    

您可以指定一个外部编辑器来编辑带有特定文件扩展名的文件。例如,您可以从 Dreamweaver 启动文本编辑器(例如 BBEdit、记事本或 TextEdit)编辑 JavaScript (JS) 文件。

可以为不同的文件扩展名分配不同的外部编辑器。

为文件类型设置外部编辑器                                    

    • 选择“编辑”>“首选参数”。

    • 从左侧的“分类”列表中选择“文件类型/编辑器”,设置选项,然后单击“确定”。

      在代码视图中打开

      指定在 Dreamweaver代码视图中自动打开的文件扩展名。

      外部代码编辑器

      指定要使用的文本编辑器。

      重新加载修改过的文件

      指定当 Dreamweaver 检测到对在 Dreamweaver 中打开的文档从外部进行了更改时应采取的行为。

      启动时先保存文件

      指定 Dreamweaver 是应始终在启动编辑器之前保存当前的文档、从不保存文档,还是在每次启动外部编辑器时询问是否保存文档。

      Fireworks

      为各种不同的媒体文件类型指定编辑器。

启动外部代码编辑器                                  

    • 选择“编辑”>“使用外部编辑器编辑”。

       

,