如何在 Dreamweaver 中创建和打开文件

优质

小牛编辑

269浏览

2023-12-01

在 Dreamweaver 中创建、打开、编辑、保存和恢复文件。创建模板并打开相关的文件。

Dreamweaver 为处理各种 Web 文档提供灵活的环境。除了 HTML 文档以外，您还可以创建和打开各种基于文本的文档 - 如 JavaScript、PHP 和层叠样式表 (CSS)。

Dreamweaver 为创建新文档提供了几种选项。您可以创建以下任意文档：

新的空白文档或模板
基于 Dreamweaver 附带的其中一个预设计页面布局（包括 30 多个基于 CSS 的页面布局）的文档
基于某现有模板的文档还可以设置文档首选参数。例如，如果经常使用某种文档类型，可以将其设置为创建的新页面的默认文档类型。可以在“设计”视图或“代码”视图中轻松定义文档属性，如 meta 标签、文档标题、背景颜色和其他几种页面属性。

Dreamweaver 文件类型

在 Dreamweaver 中可以使用多种文件类型。使用的主要文件类型是 HTML 文件。HTML 文件（或超文本标记语言文件）包含基于标签的语言，负责在浏览器中显示网页。可以使用 .html 或 .htm 扩展名保存 HTML 文件。Dreamweaver 默认情况下使用 .html 扩展名保存文件。

在 Dreamweaver 中可创建和编辑基于 HTML5 的网页。还提供起始布局可供从头生成 HTML5 页面。

以下是您使用 Dreamweaver 时可能会用到的其他常见文件类型：

CSS

层叠样式表文件的扩展名为 .css。它们用于设置 HTML 内容的格式并控制各个页面元素的位置。

GIF

图形交换格式文件的扩展名为 .gif。GIF 格式是用于卡通、徽标、具有透明区域的图形、动画的常用 Web 图形格式。GIF 最多包含 256 种颜色。

JPEG

联合图像专家组文件（根据创建该格式的组织命名）的扩展名为 .jpg，通常是照片或色彩较鲜明的图像。JPEG 格式最适合用于数码照片或扫描的照片、使用纹理的图像、具有渐变色过渡的图像以及需要 256 种以上颜色的任何图像。

XML

可扩展标记语言文件的扩展名为 .xml。它们包含原始形式的数据，可使用 XSL（Extensible Stylesheet Language：可扩展样式表语言）设置这些数据的格式。

“新建文档”对话框

“新建文档”对话框显示所有受支持的文档文件类型，包括 PHP、XML 和 SVG。

您也可以从此对话框访问预定义的布局、模板和框架。

注意:所有有特色的起始布局都能够支持响应式网站，并且都符合 HTML-5。

使用空白页面创建 HTML 布局

可以创建包含预设计 CSS 布局的页面，或者先创建一个完全空白的页，然后创建自己的布局。

选择“文件”>“新建”。
在“新建文档”类别中，选择要从“文档类型”列创建的页面类型。例如，选择“HTML”可创建纯 HTML 页面。
从“文档类型”弹出菜单中选择文档类型。大多数情况下，可以使用默认选择，即 HTML5。
根据要创建的页面的类型，选择其他选项。
- 无：如果您要创建一个简单网页而不使用任何框架，请选择此选项。
- Bootstrap：Bootstrap 模板是使用 Bootstrap 框架的预定义布局。如果要使用 Bootstrap 框架创建响应式网页，请选择此选项。
注意:如果您计划创建响应式网页，请选择 Bootstrap 框架。
如果您没有使用框架，则：
- 文档标题：在此字段中输入文档标题，Dreamweaver 会自动将其添加到文档的 <head> 部分。
- 文档类型：从“文档类型”弹出菜单中选择文档类型。大多数情况下，可以使用默认选择，即 HTML5。
从“文档类型”菜单中选择一种 XHTML 文档类型定义可使页面符合 XHTML。例如，可从菜单中选择“XHTML 1.0 Transitional”或“XHTML 1.0 Strict”，使 HTML 文档符合 XHTML 规范。XHTML（可扩展超文本标记语言）是以 XML 应用的形式重新组织的 HTML。通常，利用 XHTML，可以获得 XML 的优点，同时还能确保 Web 文档的向后和向前兼容性。
注意:有关 XHTML 的详细信息，请访问万维网联盟 (W3C) 网站，它包含有关 XHTML 1.1 - 基于模块的 XHTML (www.w3.org/TR/xhtml11/) 和 XHTML 1.0 (www.w3c.org/TR/xhtml1/) 的规范以及针对基于 Web 的文件 (http://validator.w3.org/) 和本地文件 (http://validator.w3.org/file-upload.html) 的 XHTML 验证程序站点。
- 附加 CSS：将现有 CSS 布局添加到页面。为此，请单击“附加 CSS 文件”窗格旁边的“附加样式表”图标，并选择一个 CSS 样式表。
在不使用框架的情况下创建新的 HTML 页面
如果要基于 Photoshop 复合创建新页面，请选择“使用 Extract 从 Photoshop 复合中构建页面”。
选择此选项将打开 Extract 面板，您可以在其中上传 PSD 文件并开始创建 HTML 页面。
如果要使用 Bootstrap 框架创建响应式网页，则：
- Bootstrap CSS：选择创建新的 Bootstrap CSS，或使用现有 CSS 文件。如果您正在使用现有 CSS 文件，请提供该文件的路径。确保 CSS 文件位于站点根文件夹中。
- 附加 CSS：将现有 CSS 布局添加到页面。为此，请单击“附加 CSS 文件”窗格旁边的“附加样式表”图标，并选择一个 CSS 样式表。
- 包含预构建布局：在您已有布局的情况下选择此选项。单击“自定义”可编辑网格和断点值。
使用 Bootstrap 框架创建新的 HTML 页面
如果要基于 Photoshop 复合创建新页面，请选择“使用 Extract 从 Photoshop 复合中构建页面”。
选择此选项将打开 Extract 面板，您可以在其中上传 PSD 文件并开始创建 HTML 页面。
如果希望设置文档的默认首选参数（如文档类型、编码和文件扩展名），请单击“首选参数”。
单击“创建”按钮。
保存新文档（“文件” >“保存”）。
在出现的对话框中，浏览到要用来保存文件的文件夹。注意:最好是将文件保存在 Dreamweaver 站点中。
在“文件名”框中，键入文件名。请不要在文件名和文件夹名中使用空格和特殊字符，文件名也不要以数字开头。具体说来就是不要在打算放到远程服务器上的文件名中使用特殊字符（如 é、ç 或 ¥）或标点符号（如冒号、斜杠或句号）；很多服务器在上传时会更改这些字符，这会导致与这些文件的链接中断。

创建空模板

您可以使用“新建文档”对话框来创建 Dreamweaver 模板。默认情况下，模板保存在站点的 Templates 文件夹中。

注意:如果不先创建站点，则无法创建模板。有关站点以及如何创建站点的信息，请参阅关于 Dreamweaver 站点。

选择“文件”>“新建”。
在“新建文档”对话框中，选择“站点模板”类别。
从“文档类型”弹出菜单中选择文档类型。大多数情况下，您希望所选的文档类型保留为默认选择 XHTML 1.0 Transitional。从“文档类型”菜单中选择一种 XHTML 文档类型定义使页面符合 XHTML。例如，可从菜单中选择“XHTML 1.0 Transitional”或“XHTML 1.0 Strict”，使 HTML 文档符合 XHTML 规范。XHTML（可扩展超文本标记语言）是以 XML 应用的形式重新组织的 HTML。通常，利用 XHTML，可以获得 XML 的优点，同时还能确保 Web 文档的向后和向前兼容性。注意:有关 XHTML 的详细信息，请访问万维网联盟 (W3C) 网站，它包含有关 XHTML 1.1 - 基于模块的 XHTML (www.w3.org/TR/xhtml11/) 和 XHTML 1.0 (www.w3c.org/TR/xhtml1/) 的规范以及针对基于 Web 的文件 (http://validator.w3.org/) 和本地文件 (http://validator.w3.org/file-upload.html) 的 XHTML 验证程序站点。
如果您希望页面在您编辑模板时自动更新，请选择“当模板改变时更新页面”。
单击“创建”按钮。
保存新文档（“文件” >“保存”）。如果还没有向模板添加可编辑区域，则会出现一个对话框，告诉您文档中没有可编辑的区域。单击“确定”关闭该对话框。
在“另存为”对话框中，选择一个保存模板的站点。
在“文件名”框中，键入新模板的名称。不需要在模板名称后附加文件扩展名。单击“保存”时，.dwt 扩展名将附加到新的模板，该模板保存在站点的 Templates 文件夹中。请不要在文件名和文件夹名中使用空格和特殊字符，文件名也不要以数字开头。具体说来就是不要在打算放到远程服务器上的文件名中使用特殊字符（如 é、ç 或 ¥）或标点符号（如冒号、正斜杠或句点）；很多服务器在上传时会更改这些字符，这会导致与这些文件的链接断开。

创建基于模板的页面

您可以使用您的现有模板或 Dreamweaver 的起始页模板之一来选择、预览和创建新文档。可以使用“新建文档”对话框从 Dreamweaver 定义的任何站点中选择模板，也可以使用“资源”面板从现有模板创建新的文档。

创建基于模板的文档

选择“文件”>“新建”。
在“新建文档”对话框中，选择“模板中的页”类别。
在“站点”列中，选择包含要使用的模板的 Dreamweaver 站点，然后从右侧的列表中选择一个模板。
如果不希望在每次更改此页面所基于的模板后都更新此页面，请取消选择“当模板改变时更新页面”。
如果希望设置文档的默认首选参数（如文档类型、编码和文件扩展名），请单击“首选参数”。
如果希望打开可在其中下载更多页面设计内容的 Dreamweaver Exchange，请单击“获取更多内容”。
单击“创建”并保存文档（“文件”>“保存”）。

在资源面板中从模板创建文档

如果“资源”面板尚未打开，请将其打开（“窗口”>“资源”）。
在“资源”面板中，单击左侧的“模板”图标，以查看当前站点中的模板列表。注意:如果您刚刚创建了想要应用的模板，则可能需要单击“刷新”按钮才能看到。
右键单击 (Windows) 或按住 Ctrl 单击 (Macintosh) 要应用的模板，然后选择“从模板新建”。随即将在“文档”窗口中打开文档。
保存文档。

创建基于 Dreamweaver 起始页模板的页面

Dreamweaver 附带了几个专业人员开发的适用于移动应用程序的起始页文件。可以基于这些示例文件开始设计站点页面。

在创建基于起始页模板的文档时，Dreamweaver 将创建文件副本以防您覆盖起始页文件。

您可以在“新建文档”对话框中预览示例文件并阅读文档的设计元素的简要说明。

选择“文件”>“新建”。
在“新建文档”对话框中，选择“起始页模板”类别。Dreamweaver 中的起始页模板
在选择其他选项时，您可以查看示例页面详细信息和面板右侧的可视化。
单击“创建”按钮。新文档及其所有相关文件将在“文档”窗口中打开。
保存该文档（“文件”>“保存”）。

针对不同的编码语言创建新的代码文件

在 Dreamweaver 中，您可以针对多种编码语言创建代码文件。

有关 Dreamweaver 中的编码支持的详细信息，请参阅关于 Dreamweaver 中的编码。

要在 Dreamweaver 中创建新的代码文件，请使用以下说明：

选择“文件”>“新建文档”。
从“文件类型”中，选择要创建的代码文件。
选择要从“文档类型”列创建的文档的类型（如 PHP 文件）。创建新的 PHP 页
基于您选择的文件类型，其他选项将在创建文档时可用。例如，如果您正在创建 PHP 文件，则可选择“文档类型”选项和一些 CSS 选项。
单击“创建”按钮。然后保存该文档（“文件”>“保存”）。

保存和回复文档

可以使用当前的文档名和位置来保存文档，或者使用一个不同的名称和位置来保存文档的副本。

注意:给文件命名时，应避免在文件名和文件夹名中使用空格和特殊字符。具体说来就是不要在打算放到远程服务器上的文件名中使用特殊字符（如 é、ç 或 ¥）或标点符号（如冒号、正斜杠或句点）；很多服务器在上传时会更改这些字符，这会导致与这些文件的链接断开。此外，文件名不要以数字开头。

保存文档

执行下列操作之一：
- 若要在磁盘上覆盖当前版本并保存所做的任何更改，请选择“文件” >“保存”。
- 若要在其他文件夹中保存文件或使用不同的名称保存文件，请选择“文件”>“另存为”。
在出现的“另存为”对话框中，浏览到要用来保存文件的文件夹。
在“文件名”文本框中，键入文件名。
单击“保存”保存文件。

保存所有打开的文档

选择“文件”>“保存全部”。
如果有已打开但未保存的文档，将会为每个未保存的文档显示“另存为”对话框。在出现的对话框中，浏览到要用来保存文件的文件夹。
在“文件名”框中，键入文件名，然后单击“保存”。

回复到文档上次保存的版本

选择“文件”>“回复”。将出现一个对话框询问您，是否要放弃所作的更改并回复到上一次保存的版本。
若要回复到上次版本，请单击“是”；若要保留所做的更改，请单击“否”。注意:如果保存某个文档，然后退出 Dreamweaver，当重新启动 Dreamweaver 时，不能回复到该文档的以前版本。

设置默认文档类型和编码首选参数

如果站点中的大多数页面都是特定的文件类型（如 HTML、PHP 或 JavaScript），则可以设置自动创建指定文件类型的新文档的文档首选参数。

选择“编辑” >“首选参数”(Windows) 或 Dreamweaver >“首选参数”(Macintosh)。注意:也可以在创建新文档时，单击“新建文档”对话框中的“首选参数”按钮来设置新文档的首选参数。
从左侧的类别列表中单击“新建文档”。
必要时可设置或更改首选参数，然后单击“确定”保存设置。默认文档选择将要用于所创建页面的文档类型。
默认扩展名
为新建的 HTML 页面指定您希望使用的文件扩展名（.htm 或 .html）。
注意：对其他文件类型，此选项处于禁用状态。
默认文档类型 (DDT)
选择一种 XHTML 文档类型定义 (DTD)，使新页面遵从 XHTML 规范。例如，可从菜单中选择 XHTML 1.0 Transitional 或 XHTML 1.0 Strict，使 HTML 文档符合 XHTML 规范。
默认编码
指定在创建新页面时要使用的编码，以及指定在未指定任何编码的情况下打开一个文档时要使用的编码。
如果选择 Unicode (UTF‑8) 作为文档编码，则不需要实体编码，因为 UTF-8 可以安全地表示所有字符。如果选择其他文档编码，则可能需要用实体编码才能表示某些字符。有关字符实体的详细信息，请访问 www.w3.org/TR/REC-html40/sgml/entities.html。
如果选择 Unicode (UTF‑8) 作为默认编码，则可以选择“包括 Unicode 签名 (BOM)”选项，以便在文档中包括字节顺序标记 (BOM)。
BOM 是位于文本文件开头的 2 到 4 个字节，它不仅可将文件标识为 Unicode 编码，还可标识后面字节的字节顺序。由于 UTF-8 没有字节顺序，添加 UTF-8 BOM 是可选的，而对于 UTF-16 和 UTF-32，则必须添加 BOM。
Unicode 范式
如果选择 Unicode (UTF-8) 作为默认编码，则请选择这些选项的其中一个选项。
有四种 Unicode 范式。最重要的是范式 C，因为它是用于万维网字符模型中最常用的表单。Adobe 提供其他三种 Unicode 范式作为补充。
按 Ctrl+N 组合键时显示“新建文档”对话框
如果取消选中此选项（如果使用 Macintosh，则为“按下 Command+N”），在使用此按键命令时将自动创建默认文档类型的文档。
在 Unicode 中，有些字符看上去很相似，但却可用不同的方法存储在文档中。例如，“ë”（e 变音符）可表示为单个字符“e 变音符”，或表示为两个字符“正常拉丁字符 e”+“组合变音符”。Unicode 组合字符是与前一个字符结合使用的字符，因此变音符会显示在“拉丁字符 e”的上方。这两种形式都显示为相同的印刷样式，但保存在文件中的形式却不相同。
范式是指确保可用不同形式保存的所有字符都使用相同的形式进行保存的过程。即文档中的所有“ë”字符都保存为单个“e 变音符”或“e”+“组合变音符”，而不是在一个文档中采用这两种保存形式。
有关 Unicode 范式和可以使用的特定形式的详细信息，请参阅 Unicode Web 站点，网址是 www.unicode.org/reports/tr15。

打开并编辑现有文档

您可以打开现有网页或基于文本的文档（不论是否是用 Dreamweaver 创建的），然后在“设计”视图或“代码”视图中对其进行编辑。

如果打开的文档是另存为 HTML 文档的 Microsoft Word 文件，则可以使用“工具”>“清理 Word 生成的 HTML”来清除 Word 插入到 HTML 文件中的无关标记标签。

若要清理不是由 Microsoft Word 生成的 HTML 或 XHTML，请使用“工具”>“清理 HTML”。有关详细信息，请参阅清理 Microsoft Word 的 HTML 文件。

也可以打开非 HTML 文本文件，如 JavaScript 文件、XML 文件、CSS 样式表或用字处理程序或文本编辑器保存的文本文件。

选择“文件” >“打开”。注意:也可以使用“文件”面板来打开文件。
定位到要打开的文件并选中文件。注意:如果尚未这样做，则最好在 Dreamweaver 站点中组织要打开和编辑的文件，而不是从其他位置打开这些文件。有关 Dreamweaver 站点的详细信息，请参阅关于 Dreamweaver 站点。
单击“打开”。将在“文档”窗口中打开文档。默认情况下，在“代码”视图中打开 JavaScript、文本和 CSS 样式表。可以在 Dreamweaver 中工作时更新文档，然后保存文件中的更改。

打开相关文件

Dreamweaver 使您可以查看与主文档相关的文件而不会失去主文档的焦点。例如，如果已向主文档附加了 CSS 和 JavaScript 文件，则使用 Dreamweaver 可以在保持主文档可见的同时在“文档”窗口中查看和编辑这些相关文件。

有关动态相关文件的信息，请参阅打开动态相关文件。

注意:在处理 HTML 文件时，如果要对相关的 CSS、JavaScript 或 PHP 文件进行快速更改而不必导航到该文件，则可使用“快速编辑”。有关详细信息，请参阅快速编辑。

默认情况下，Dreamweaver 在主文档标题下的“相关文件”工具栏中显示与主文档相关的所有文件的名称。工具栏中按钮的顺序遵循主文档内存在的相关文件链接的顺序。

注意:如果缺少某个相关文件，则 Dreamweaver 仍会在“相关文件”工具栏中显示对应的按钮。但是，如果单击该按钮，Dreamweaver 将不显示任何内容。

Dreamweaver 支持以下类型的相关文件：

客户端脚本文件
服务器端包含
外部 CSS 样式表（包括嵌套样式表）

从“相关文件”工具栏中打开相关文件

执行下列操作之一：

在文档顶部的“相关文件”工具栏中，单击要打开的相关文件的文件名。
在“相关文件”工具栏中，右键单击要打开的相关文件的文件名，然后从上下文菜单中选择“作为单独文件打开”。使用此方法打开相关文件时，主文档不会同时保持可见。

从代码导航器中打开相关文件

将插入点放置在已知受相关文件影响的行或区域中。
等待代码导航器指示器出现后，单击它以打开代码导航器。
将鼠标指针悬停在代码导航器中的项目上可以查看有关这些项目的更多信息。例如，如果希望更改特定的 CSS 颜色属性，但不知道它位于哪个规则中，则可以通过将鼠标指针悬停在代码导航器中可用的规则上来查找该属性。
单击您感兴趣的项目以打开对应的相关文件。

返回到主文档的源代码

单击“相关文件”工具栏中的“源代码”按钮。

更改相关文件的显示

从“设计”视图或“代码”视图和“设计”视图（“拆分”视图）中打开相关文件时，将在“拆分”视图中显示相关文件。

如果要自定义“拆分”视图，您可以选择“视图”>“拆分”并从不同的“拆分”视图选项中选择。

如果要仅在“代码”视图中查看相关文件，请选择工具栏顶部的“代码”。

注意:“标准代码”视图不允许在显示主文档源代码的同时显示相关文档。

注意:显示选项中的“代码视图”是指主文档的源代码。例如，如果选择“视图”>“顶部的代码视图”，Dreamweaver 将在“文档”窗口的上半部分中显示主文档的源代码。如果选择“视图”>“左侧的代码视图”，Dreamweaver 将在“文档”窗口的左侧显示主文档的源代码。

禁用相关文件

默认情况下，当您打开 HTML 文件时，Dreamweaver 将在单独的选项卡中显示相关文件。如果要禁用此功能，可以使用“首选参数”面板将其停用。

选择“编辑” >“首选参数”(Windows) 或 Dreamweaver >“首选参数”(Macintosh)。
在“常规”类别中，取消选择“启用相关文件”。

打开动态相关文件

“动态相关文件”功能扩展了“相关文件”功能，允许您在“相关文件”工具栏中查看动态页面的相关文件。具体而言，“动态相关文件”功能允许您查看为常用的开源 PHP 内容管理系统 (CMS) 框架（如 WordPress、Drupal 和 Joomla!）生成运行时代码所必需的大量动态包含文件。

若要使用“动态相关文件”功能，您必须能够访问运行 WordPress、Drupal 或 Joomla! 的本地或远程 PHP 应用程序服务器。测试页面的一种常用方法是设置本地主机 PHP 应用程序服务器，并在本地测试页面。

测试页面之前，需要执行以下步骤：

设置 Dreamweaver 站点，并确保已填写“站点设置”对话框中的“Web URL”文本框。
设置 PHP 应用程序服务器。注意：尝试在 Dreamweaver 中使用动态相关文件之前，该服务器必须正在运行。
在应用程序服务器上安装 WordPress、Drupal 或 Joomla!。有关详细信息，请参阅：
- WordPress 安装
- Drupal 安装
- Joomla 安装
在 Dreamweaver 中，定义将在其中下载和编辑 CMS 文件的本地文件夹。
将所安装的 WordPress、Drupal 或 Joomla 文件的位置定义为远程和测试文件夹。
从远程文件夹中下载（获取）CMS 文件。

设置“动态相关文件”首选参数

打开与动态相关文件关联的页面时，Dreamweaver 会自动搜索文件，也允许您手动搜索文件（方法是单击页面上方的信息栏中的链接）。默认设置为手动搜索。

选择“编辑”>“首选参数”(Windows) 或 Dreamweaver >“首选参数”(Macintosh OS)。
在“常规”类别中，确保选中“启用相关文件”选项。
从“动态相关文件”弹出菜单中选择“手动”或“自动”。您还可以通过选择“禁用”来完全禁用搜索。

搜索动态相关文件

打开与动态相关文件关联的一个页面，例如 WordPress、Drupal 或 Joomla! 站点的站点根目录 index.php 页面。
如果动态相关文件的搜索设置为“手动”（默认设置），请单击“文档”窗口中页面上方显示的信息栏中的“搜索”链接。如果已自动启用搜索动态相关文件，则“相关文件”工具栏中会显示动态相关文件的列表。

“相关文件”工具栏中的相关文件和动态相关文件的顺序如下：

静态相关文件（不需要任何种类的动态处理的相关文件）
附加到动态路径服务器包含文件的外部相关文件（.css 和 .js 文件）
动态路径服务器包含多个文件（.php、.inc 和 .module 文件）

筛选相关文件

由于相关文件和动态相关文件的数量通常会很庞大，因此 Dreamweaver 允许您筛选相关文件，以便您可以精确定位要使用的文件。

打开与相关文件关联的一个页面。
如有必要，搜索动态相关文件。
单击“相关文件”工具栏右侧的“筛选相关文件”图标。
在“相关文件”工具栏中，选择要查看的文件的类型。默认情况下，Dreamweaver 选择所有相关文件。
若要创建自定义筛选器，请单击“筛选相关文件”图标并选择“自定义筛选器”。“自定义筛选器”对话框仅允许筛选确切的文件名 (style.css)、文件扩展名 (.php) 和使用星号的通配符表达式 (*menu*)。您可以通过使用分号分隔每个表达式，来基于多个通配符表达式进行筛选（例如：style.css;*.js;*tpl.php）。

注意:关闭文件后，不会保留筛选器设置。

清理 Microsoft Word 的 HTML 文件

您可以打开在 Microsoft Word（Microsoft Word 97 或更高版本）中保存为 HTML 文件的文档，然后使用“工具”>“清理 Word 生成的 HTML”删除 Word 生成的无关 HTML 代码。

Dreamweaver 删除的代码主要由 Word 用于设置 Word 文档并对其进行显示，实际上在显示 HTML 文件时并不需要。

保留原始 Word (.doc) 文件的一份副本作为备份，因为一旦清理了 HTML 文件，可能就无法在 Word 中再次打开该 HTML 文档。

注意:若要清理不是由 Microsoft Word 生成的 HTML 或 XHTML，请使用“工具”>“清理 HTML”命令。

将 Microsoft Word 文档另存为 HTML 文件。注意:在 Windows 中，关闭 Word 中的文件以避免共享冲突。
在 Dreamweaver 中打开 HTML 文件。若要查看 Word 生成的 HTML 代码，请切换到“代码”视图（“查看”>“代码”）。
选择“工具”>“清理 Word 生成的 HTML”。注意:如果 Dreamweaver 不能确定文件是使用哪个版本的 Word 保存的，请从弹出菜单中选择正确的版本。
选择（或取消选择）清理选项。您输入的首选参数将保存为默认的清理设置。Dreamweaver 将清理对 HTML 文档的设置，并会显示一个更改记录（除非在对话框中取消了对该选项的选择）。
Microsoft Word HTML 清理选项
删除所有 Word 特定的标记
删除所有 Microsoft Word 特定的 HTML，包括 HTML 标签中的 XML、文档头中的 Word 自定义元数据和链接标签、Word XML 标记、条件标签及其内容以及样式中的空段落和边距。可以使用“详细”选项卡分别选择各个选项。
清理 CSS
删除所有 Word 特定的 CSS，包括尽可能地删除内联 CSS 样式（当父样式有相同的样式属性时）、以“mso”开头的样式属性、非 CSS 样式声明、表格中的 CSS 样式属性以及文档头中所有未使用的样式定义。使用“详细”选项卡可以进一步自定义此选项。
标签">
清理 <font> 标签
删除 HTML 标签，将默认的正文文本转换成 2 号字的 HTML 文本。
修复无效的嵌套标签
删除由 Word 在段落和标题（块级）标签外部插入的字体标记标签。
应用源格式
将您在“HTML 格式”首选参数和 SourceFormat.txt 中指定的源格式选项应用于文档。
完成后显示记录
用于在完成清理时显示一个警告框，其中包含有关文档改动的详细信息。
如果需要进一步自定义“删除所有 Word 特定的标记”和“清理 CSS”选项，请单击“确定”或“详细”选项卡，然后单击“确定”。