创建空白页

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

1 选择 “ 文件 ”>“ 新建 ” 。

2 在 “ 新建文档 ” 对话框的 “ 空白页 ” 类别中，从 “ 页面类型 ” 列选择要创建的页面类型。例如，选择 HTML  来创建一个纯HTML  页，选择 ColdFusion  来创建一个 ColdFusion  页，等等。

3 如果希望新页面包含 CSS  布局，请从 “ 布局 ” 列中选择一个预设计的 CSS  布局；否则，选择 “ 无 ” 。基于您的选择，在对话框的右侧将显示选定布局的预览和说明。

预设计的 CSS  布局提供了下列类型的列：

固定 列宽是以像素指定的。列的大小不会根据浏览器的大小或站点访问者的文本设置来调整。

液态 列宽是以站点访问者的浏览器宽度的百分比形式指定的。如果站点访问者将浏览器变宽或变窄，该设计将会进行调整，但不会基于站点访问者的文本设置来更改列宽度。

4 从 “ 文档类型 ” 弹出菜单中选择文档类型。大多数情况下，您可以使用默认选择，即 XHTML 1.0 Transitional 。

从 “ 文档类型 ” 菜单中选择一种 XHTML  文档类型定义使页面符合 XHTML 。例如，可从菜单中选择 “XHTML 1.0Transitional” 或 “XHTML 1.0 Strict” ，使 HTML  文档符合 XHTML  规范。 XHTML （可扩展超文本标记语言）是以XML  应用的形式重新组织的 HTML 。通常，利用 XHTML ，可以获得 XML  的优点，同时还能确保 Web  文档的向后和向前兼容性。

5 如果在 “ 布局 ” 列中选择了 CSS  布局，则从 “ 布局 CSS  位置 ” 弹出菜单中为布局的 CSS  选择一个位置。

添加到文档头 将布局的 CSS  添加到要创建的页面头中。

新建文件 将布局的 CSS  添加到新的外部 CSS  文件并将新的样式表附加到要创建的页面中。

链接到现有文件 可以通过此选项指定已包含布局所需的 CSS  规则的现有 CSS  文件。为此，请单击 “ 附加 CSS  文件 ” 窗格上方的 “ 附加样式表 ” 图标并选择一个现有 CSS  样式表。当您希望在多个文档上使用相同的 CSS  布局（ CSS  布局的 CSS  规则包含在一个文件中）时，此选项特别有用。

6 （可选）创建页面时，还可以将 CSS  样式表附加到新页面（与 CSS  布局无关）。为此，请单击 “ 附加 CSS  文件 ” 窗格上方的“ 附加样式表 ” 图标 并选择一个 CSS  样式表。

有关这个过程的详细说明，请参阅 David Powers  的文章 Automatically attaching a style sheet to new documents （自动将样式表附加到新文档）。

7 如果要创建一个页面，只要保存它，就会对该页面启用 InContext Editing ，则选择 “ 启用 InContext Editing” 。

启用了 InContext Editing  的页面至少必须有一个可指定为可编辑区域的 div 标签。例如，如果选择了 HTML  页面类型，则必须为新页面选择某个 CSS  布局，因为这些布局已包含预定义的 div 标签。自动将 InContext Editing  可编辑区域放置在含有content ID  的 div 标签上。以后在需要的时候可以向页面添加更多可编辑区域。

8 如果要设置文档的默认首选参数 （如文档类型、编码和文件扩展名）， 。

9 如果要打开可在其中下载更多页面设计内容的 Dreamweaver Exchange ，单击 “ 获取更多内容 ” 。

10 单击 “ 创建 ” 按钮。

11 保存新文档 （ “ 文件 ”>“ 保存 ” ）。

12 在出现的对话框中，浏览到要用来保存文件的文件夹。

创建空模板

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

1 选择 “ 文件 ”>“ 新建 ” 。

2 在 “ 新建文档 ” 对话框中，选择 “ 空模板 ” 类别。

3 从 “ 模板类型 ” 列中选择要创建的页面类型。例如，选择 HTML  模板来创建一个纯 HTML  模板，选择 ColdFusion  来创建一个 ColdFusion  模板，等等。

4 如果希望新页面包含 CSS  布局，请从 “ 布局 ” 列中选择一个预设计的 CSS  布局；否则，选择 “ 无 ” 。基于您的选择，在对话框的右侧将显示选定布局的预览和说明。

预设计的 CSS  布局提供了下列类型的列：

固定 列宽是以像素指定的。列的大小不会根据浏览器的大小或站点访问者的文本设置来调整。

液态 列宽是以站点访问者的浏览器宽度的百分比形式指定的。如果站点访问者将浏览器变宽或变窄，该设计将会进行调整，但

不会基于站点访问者的文本设置来更改列宽度。

5 从 “ 文档类型 ” 弹出菜单中选择文档类型。

创建基于模板的文档

1 选择 “ 文件 ”>“ 新建 ” 。

2 在 “ 新建文档 ” 对话框中，选择 “ 模板中的页 ” 类别。

3 在 “ 站点 ” 列中，选择包含要使用的模板的 Dreamweaver  站点，从右侧的列表中选择一个模板。

4 如果不希望在每次更改该页面所基于的模板后都更新页面，取消选择 “ 当模板改变时更新页面 ” 。

5 如果要设置文档的默认首选参数 （如文档类型、编码和文件扩展名），请单击 “ 首选参数 ” 。

6 如果要打开可在其中下载更多页面设计内容的 Dreamweaver Exchange ，单击 “ 获取更多内容 ” 。

7 单击 “ 创建 ” 并保存文档 （ “ 文件 ”>“ 保存 ” ）。

创建基于 Dreamweaver  示例文件的页面

Dreamweaver  附带了几种以专业水准开发的框架页面布局和 CSS  设计文件。可以基于这些示例文件 开始设计站点页面。当您创建基于示例文件的文档时， Dreamweaver  会创建文件的副本。

您可以在 “ 新建文档 ” 对话框中预览示例文件并阅读文档的设计元素的简要说明。如果选择了 “CSS  样式表 ” 类别，您可以复制预先设计的样式表，然后将其应用于您的文档。

注： 如果创建基于预定义框架集的文档，则仅复制框架集结构，而不复制框架内容。另外，必须分别保存每个框架文件。

1 选择 “ 文件 ”>“ 新建 ” 。

2 在 “ 新建文档 ” 对话框中，选择 “ 示例中的页 ” 类别。

3 在 “ 示例文件夹 ” 列中，选择 “CSS  样式表 ” 或 “ 框架集 ” ；然后从右边的列表中选择示例文件。

4 单击 “ 创建 ” 按钮。

将在 “ 文档 ” 窗口 （ “ 代码 ” 和 “ 设计 ” 视图）中打开新文档。如果选择了 “CSS  样式表 ” ，则 CSS  样式表将在 “ 代码 ” 视图中打开。

5 保存该文档 （ “ 文件 ”>“ 保存 ” ）。

6 如果出现 “ 复制相关文件 ” 对话框，请设置该选项，然后单击 “ 复制 ” ，将资源复制到所选的文件夹中。

可以为相关文件选择您自己的位置或使用 Dreamweaver  生成的默认文件夹位置 （基于示例文件的源名称）。

创建其它类型的页面

使用 “ 新建文档 ” 对话框中的 “ 其他 ” 类别，可以创建可能需要在 Dreamweaver  中使用的各种类型的页面，例如 C# 、VBScript  和纯文本页面。

1 选择 “ 文件 ”>“ 新建 ” 。

2 在 “ 新建文档 ” 对话框中，选择 “ 其他 ” 类别。

3 从 “ 页面类型 ” 列选择要创建的文档类型，然后单击 “ 创建 ” 按钮。

4 保存该文档 （ “ 文件 ”>“ 保存 ” ）。

打开并编辑现有文档

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

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

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

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

1 选择 “ 文件 ”>“ 打开 ” 。

也可以使用 “ 文件 ” 面板来打开文件。

2 定位到要打开的文件并选中文件。

注： 如果尚未这样做，则最好在 Dreamweaver  站点中组织要打开和编辑的文件，而不是从其它位置打开这些文件。

3 单击 “ 打开 ” 。

将在 “ 文档 ” 窗口中打开文档。默认情况下，在 “ 代码 ” 视图中打开 JavaScript 、文本和 CSS  样式表。可以在 Dreamweaver中工作时更新文档，然后保存文件中的更改。