Dreamweaver CC教程：向选项列表添加自定义 CSS 布局

Dreamweaver CC教程：向选项列表添加自定义 CSS 布局

向选项列表添加自定义 CSS 布局

1、创建一个 HTML 页面，该页面包含您希望添加到“新建文档”对话框的选项列表中的 CSS 布局。该布局的 CSS 必须驻留在 HTML 页面的头部。
注意:
若要使您的自定义 CSS 布局与随 Dreamweaver 提供的其他布局一致，则应当使用 .htm 扩展名保存您的 HTML 文件。

2、将 HTML 页面添加到 Adobe Dreamweaver CS5\Configuration\BuiltIn\Layouts 文件夹中。

3、（可选）将布局的预览图像（例如 .webp 或 .webp 文件）添加到 Adobe Dreamweaver CS5\Configuration\BuiltIn\Layouts 文件夹中。随 Dreamweaver 提供的默认图像是 227 像素宽、193 像素高的 PNG 文件。
注意:
使用您的 HTML 文件的文件名来命名预览图像，以便您可以轻松跟踪该图像。例如，如果 HTML 文件的名称为 myCustomLayout.htm，则将预览图像命名为 myCustomLayout.webp。

4、（可选）为您的自定义布局创建一个备注文件，方法是：打开 Adobe Dreamweaver CS5\Configuration\BuiltIn\Layouts\_notes 文件夹，复制并粘贴该文件夹中的任何现有备注文件，然后针对自定义布局重命名该副本。例如，可以复制 oneColElsCtr.htm.mno 文件，将它重命名为 myCustomLayout.htm.mno。

5、（可选）在为自定义布局创建备注文件后，可以打开该文件，指定布局名称、说明和预览图像。