创建包含预设计CSS布局的页面
可以创建包含预设计 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 (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 添加到要创建的页面头中。
新建文件 将布局的 CSS 添加到新的外部 CSS 文件并将新的样式表附加到要创建的页面中。
链接到现有文件 可以通过此选项指定已包含布局所需的 CSS 规则的现有 CSS 文件。为此,请单击“附加 CSS 文件”窗格上方的“附加样式表”图标并选择一个现有 CSS 样式表。当您希望在多个文档上使用相同的 CSS 布局(CSS 布局的 CSS 规则包含在一个文件中)时,此选项特别有用。
(可选)创建页面时,还可以将 CSS 样式表附加到新页面(与 CSS 布局无关)。为此,请单击“附加 CSS 文件”窗格上方的“附加样式表”图标并选择一个 CSS 样式表。
如果要设置文档的默认首选参数(如文档类型、编码和文件扩展名),请单击“首选参数”。
如果要打开可在其中下载更多页面设计内容的 Dreamweaver Exchange,请单击“获取更多内容”。
单击“创建”按钮。
保存新文档(“文件”>“保存”)。
在出现的对话框中,浏览到要用来保存文件的文件夹。
最好将文件保存在 Dreamweaver 站点中。
在“文件名”框中,键入文件名。
请不要在文件名和文件夹名中使用空格和特殊字符,文件名也不要以数字开头。具体说来就是不要在打算放到远程服务器上的文件名中使用特殊字符或标点符号(如冒号、斜杠或句号);很多服务器在上传时会更改这些字符,这会导致与这些文件的链接中断。