可以创建包含预设计 CSS 布局的页面，或者先创建一个完全空白的页，然后创建自己的布局。
- 选择“文件”>“新建”。
- 在“新建文档”对话框的“空白页”类别中，从“页面类型”列选择要创建的页面类型。例如，选择 HTML 来创建一个纯 HTML 页，选择 ColdFusion 来创建一个 ColdFusion 页，等等。
- 如果希望新页面包含 CSS 布局，请从“布局”列中选择一个预设计的 CSS 布局；否则，选择“无”。基于您的选择，在对话框的右侧将显示选定布局的预览和说明。
预设计的 CSS 布局提供了下列类型的列：
- 固定
- 列宽是以像素指定的。列的大小不会根据浏览器的大小或站点访问者的文本设置来调整。
- 液态
- 列宽是以站点访问者的浏览器宽度的百分比形式指定的。如果站点访问者将浏览器变宽或变窄，该设计将会进行调整，但不会基于站点访问者的文本设置来更改列宽度。
- 从“文档类型”弹出菜单中选择文档类型。大多数情况下，您可以使用默认选择，即 XHTML 1.0 Transitional。
从“文档类型”菜单中选择一种 XHTML 文档类型定义使页面符合 XHTML。例如，可从菜单中选择“XHTML 1.0 Transitional”或“XHTML 1.0 Strict”，使 HTML 文档符合 XHTML 规范。XHTML（可扩展超文本标记语言）是以 XML 应用的形式重新组织的 HTML。通常，利用 XHTML，可以获得 XML 的优点，同时还能确保 Web 文档的向后和向前兼容性。
注： 有关 XHTML 的详细信息，请访问 WWW 联合会 (W3C) Web 站点，它包含有关 XHTML 1.1 - 基于模块的 XHTML 和 XHTML 1.0 的规范以及针对基于 Web 的文件 和本地文件 ( http://www.officejia.com) 的 XHTML 验证程序站点。
- 如果您在“布局”列中选择了 CSS 布局，则从“布局 CSS 位置”弹出菜单中为布局的 CSS 选择一个位置。
- 添加到文档头
- 将布局的 CSS 添加到要创建的页面头中。
- 新建文件
- 将布局的 CSS 添加到新的外部 CSS 文件并将新的样式表附加到要创建的页面中。
- 链接到现有文件
- 可以通过此选项指定已包含布局所需的 CSS 规则的现有 CSS 文件。为此，请单击“附加 CSS 文件”窗格上方的“附加样式表”图标并选择一个现有 CSS 样式表。当您希望在多个文档上使用相同的 CSS 布局（CSS 布局的 CSS 规则包含在一个文件中）时，此选项特别有用。
- （可选）创建页面时，还可以将 CSS 样式表附加到新页面（与 CSS 布局无关）。为此，请单击“附加 CSS 文件”窗格上方的“附加样式表”图标
并选择一个 CSS 样式表。
有关这个过程的详细说明，请参阅 David Powers 的文章 Automatically attaching a style sheet to new documents（自动将样式表附加到新文档）。
- 如果要创建一个页面，只要保存它，就会对该页面启用 InContext Editing，则选择“启用 InContext Editing”。
启用了 InContext Editing 的页面至少必须有一个可指定为可编辑区域的 div 标签。例如，如果选择了 HTML 页面类型，则必须为新页面选择某个 CSS 布局，因为这些布局已包含预定义的div 标签。自动将 InContext Editing 可编辑区域放置在含有 content ID 的 div 标签上。以后在需要的时候可以向页面添加更多可编辑区域。
- 如果要设置文档的默认首选参数（如文档类型、编码和文件扩展名），请单击“首选参数”。
- 如果要打开可在其中下载更多页面设计内容的 Dreamweaver Exchange，请单击“获取更多内容”。
- 单击“创建”按钮。
- 保存新文档（“文件”>“保存”）。
- 在出现的对话框中，浏览到要用来保存文件的文件夹。
最好将文件保存在 Dreamweaver 站点中。
- 在“文件名”框中，键入文件名。
请不要在文件名和文件夹名中使用空格和特殊字符，文件名也不要以数字开头。具体说来就是不要在打算放到远程服务器上的文件名中使用特殊字符（如 é、ç 或 ¥）或标点符号（如冒号、斜杠或句号）；很多服务器在上传时会更改这些字符，这会导致与这些文件的链接中断。
