如何创建一个新的Dreamweaver模板 - 傻瓜

您可以使用与创建任何其他类型的页面相同的“新建文档”对话框在Dreamweaver中创建新模板。要创建Dreamweaver模板，请按照以下步骤操作：

1. 选择“文件”→“新建”。 <新建文档>对话框打开。在左侧的列表中，单击空白页选项。

   在页面类型列表中，选择HTML模板。

2. <！ --1 - >

   

3. 在布局区域中，选择创建空白页面或选择预先设计的CSS布局。 Dreamweaver的许多CSS布局选项为创建新的页面设计提供了良好的开端。

   点击创建按钮。

4. 创建一个新的空白模板，并在主工作区中打开，并关闭“新建文档”对话框。

   选择文件→保存。

5. 你会收到警告（如果你还没有禁用它），说明模板没有任何可编辑的区域，并询问你是否真的想保存它。单击确定关闭警告对话框并继续。 Dreamweaver会为您提供此警告，因为没有可编辑区域的模板没有用处。您可以在步骤9中找到创建可编辑区域的说明。

6. 点击确定按钮保存当前页面。

   “保存为模板”窗口随即打开“模板”文件夹。如果您的本地站点文件夹中没有名为Templates的文件夹，Dreamweaver将在创建并保存第一个模板时为您创建一个文件夹。

   要正常工作，Dreamweaver模板必须保存在本地站点文件夹中名为Templates（大小为

7. T

   ）的文件夹中，该文件夹在“文件”面板中可见。如果更改文件夹名称或将Templates文件夹移动到子文件夹中，则模板将不再正常工作。

   通过添加图像，文本和其他元素，就像在任何其他Dreamweaver文件中一样创建页面的设计。请记住，您在模板中创建页面设计就像在其他任何网页中一样。无论是包含从模板创建的页面中将被替换的图像和文本，还是只创建页面的骨架，都取决于您。 创建可编辑区域：
   选择任何图像，文本块或内容区域。通常最好的选择是选择一个页面的整个区域，以便该部分的所有内容都可以编辑。如果您已经使用标签和CSS设计了页面，那么最好的选择是为整个部分选择标签，例如使用mainContent类样式标记的标签。

8. 选择由标签包围的部分的简便方法是将光标放在页面的该区域的任意位置，然后使用工作区底部的标签选择器选择标签。

   选择插入→模板→可编辑区域。

9. “新建可编辑区域”对话框打开。给新的可编辑区域一个名字。

   1. 选择标识内容类型的内容，例如

      标题

      或

   2. 主内容。

      您定义为可编辑的区域成为可以在从模板创建的任何页面中更改的区域。您可以在一个模板中包含多个可编辑区域。每个可编辑区域必须有不同的名称;名称不能使用空格或特殊字符，但下划线和连字符都可以。点击确定。

      

   3. 水蓝色方框（框的左上角带水蓝色标签）围绕可编辑区域。您在“新建可编辑区域”对话框中输入的名称出现在选项卡上。

      完成设计页面并添加所需的所有可编辑区域后，选择文件→保存以保存模板。 当您保存新的模板页面或将现有页面保存为模板时，Dreamweaver会自动添加该页面。 dwt扩展名并将文件保存到Templates文件夹中。 如果在指定任何可编辑区域之前保存模板，则Dreamweaver会提供警告，因为如果没有可编辑的区域，则模板不可用。在保存模板之前，您不必创建可编辑区域，但在创建一个或多个可编辑区域之前，无法对从模板创建的任何页面进行任何更改。您可以随时返回并添加可编辑区域。 Adob​​e在Dreamweaver CC中添加了一个新的“模板插入”面板。使用模板时，您可以使用此新面板而不是菜单项。功能相同：只需单击“模板插入”面板中的相应图标，如“可编辑区域”图标即可。