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

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、(可选)在为自定义布局创建备注文件后,可以打开该文件,指定布局名称、说明和预览图像。

 

推荐阅读