在您想用作嵌套模板的基础的模板中创建一个文档。 执行下列操作之一:
了解如何在 Dreamweaver 中创建用于控制共享设计元素的页面中的内容的嵌套模板。
嵌套模板是其设计和可编辑区域基于另一个模板的模板。 嵌套模板对于控制网站页面中的内容很有用,这些页面共享许多设计元素,但页面之间存在一些差异。例如,基础模板可能包含更广泛的设计区域,可供网站的许多内容贡献者使用,而嵌套模板可能会进一步定义网站特定分区中页面的可编辑区域。
基础模板中的可编辑区域传递到嵌套模板,并且在从嵌套模板创建的页面中保持可编辑状态,除非在这些区域中插入新的模板区域。
对基础模板的更改会自动在基于该基础模板的模板中更新,并在所有基于主模板和嵌套模板的文档中更新。
在以下示例中,模板trioHome包含三个可编辑区域,分别名为Body、NavBar和Footer:
要创建嵌套模板,需要基于该模板创建新文档,然后将其保存为模板并命名为 TrioNested。在嵌套模板中,已在名为 Body 的可编辑区域中添加了两个可编辑区域。
当您在传递到嵌套模板的可编辑区域中添加新的可编辑区域时,可编辑区域的突出显示颜色会更改为橙色。您在可编辑区域外添加的内容(如 editableColumn 中的图形)在基于嵌套模板的文档中将不再可编辑。蓝色突出显示的可编辑区域,无论是在嵌套模板中添加的还是从基础模板通过的,在基于嵌套模板的文档中都保持可编辑状态。不包含可编辑区域的模板区域作为可编辑区域通过到基于模板的文档。
创建嵌套模板
嵌套模板让您能够创建基础模板的变体。您可以嵌套多个模板来定义日益具体的布局。
默认情况下,基础模板中的所有可编辑模板区域都会通过嵌套模板传递到基于该嵌套模板的文档中。这意味着如果您在基础模板中创建了一个可编辑区域,然后创建了一个嵌套模板,该可编辑区域就会出现在基于该嵌套模板的文档中(如果您没有在嵌套模板的该区域中插入任何新的模板区域)。
您可以在可编辑区域内插入模板标记,以便它不会作为可编辑区域传递到基于嵌套模板的文档中。此类区域具有橙色边框,而不是蓝色边框。
在“资源”面板中,单击左侧窗格中的“模板”。 在底部窗格中选择“新模板”。
选择“文件”>“新建”。 在"新建文档"对话框中,选择"从模板创建页面"类别,然后选择包含您要使用的模板的地点。在"模板"列表中,双击模板以创建新文档。
选择“文件”>“另存为”。 在“另存为”对话框中,在“另存为文件类型”下拉列表中选择“模板文件”。
在“另存为”框中输入名称,然后单击“确定”将新文档另存为嵌套模板。
防止可编辑区域传递到嵌套模板
在嵌套模板中,通过的可编辑区域具有蓝色边框。您可以在可编辑区域内插入模板标记,以便它不会作为可编辑区域传递到基于嵌套模板的文档中。此类区域具有橙色边框,而不是蓝色边框。
可编辑区域由模板注释标签定义。
@@(" ")@@
此模板代码可以放置在围绕可编辑区域的 <!-- InstanceBeginEditable --><!-- InstanceEndEditable --> 标记内的任何位置。例如:
<!-- InstanceBeginEditable name="EditRegion1" -->
<p>@@("")@@ 可编辑 1 </p>
<!-- InstanceEndEditable -->