在您想用作嵌套模板的基础的模板中创建一个文档。执行下列操作之一:
- Dreamweaver 用户指南
- 简介
- Dreamweaver 和 Creative Cloud
- Dreamweaver 工作区和视图
- 设置站点
- 管理文件
- 布局和设计
- CSS
- 页面内容和资源
- 设置页面属性
- 设置 CSS 标题属性和 CSS 链接属性
- 使用文本
- 查找和替换文本、标签和属性
- DOM 面板
- 在实时视图中编辑
- 在 Dreamweaver 中对文档编码
- 在“文档”窗口中选择和查看元素
- 在属性检查器中设置文本属性
- 对网页进行拼写检查
- 在 Dreamweaver 中使用水平线
- 在 Dreamweaver 中添加和修改字体组合
- 使用资源
- 在 Dreamweaver 中插入和更新日期
- 在 Dreamweaver 中创建和管理收藏资源
- 在 Dreamweaver 中插入和编辑图像
- 添加媒体对象
- 在 Dreamweaver 中添加视频
- 插入 HTML5 视频
- 插入 SWF 文件
- 添加音频效果
- 在 Dreamweaver 中插入 HTML5 音频
- 使用库项目
- 在 Dreamweaver 中使用阿拉伯语和希伯来语文本
- 链接与导航
- jQuery 构件和效果
- 对网站进行编码
- 关于在 Dreamweaver 中编码
- Dreamweaver 中的编码环境
- 设置编码偏好设置
- 自定义代码颜色
- 编写和编辑代码
- 代码提示和代码完成
- 折叠和展开代码
- 使用代码片段重用代码
- 使用 linting 检查代码
- 优化代码
- 在设计视图中编辑代码
- 使用页面的头内容
- 在 Dreamweaver 中插入服务器端包含
- 在 Dreamweaver 中使用标签库
- 将自定义标签导入 Dreamweaver
- 使用 JavaScript 行为(一般说明)
- 应用内置 JavaScript 行为
- 关于 XML 和 XSLT
- 在 Dreamweaver 中执行服务器端 XSL 转换
- 在 Dreamweaver 中执行客户端 XSL 转换
- 在 Dreamweaver 中为 XSLT 添加字符实体
- 设置代码格式
- 跨产品工作流
- 模板
- 移动设备和多屏幕
- 动态网站、页面和 Web 表单
- 以可视化方式生成应用程序
- 测试、预览和发布网站
- 疑难解答
了解如何在 Dreamweaver 中创建用于控制共享设计元素的页面中的内容的嵌套模板。
嵌套模板是指其设计和可编辑区域都基于另一个模板的模板。嵌套模板对于控制共享许多设计元素的站点页面中的内容很有用,但在各页之间有些差异。例如,基本模板中可能包含更宽广的设计区域,并且可以由站点的许多内容提供者使用,而嵌套模板可能进一步定义站点内特定部分的页面中的可编辑区域。
基本模板中的可编辑区域被传递到嵌套模板,并在根据嵌套模板创建的页面中保持可编辑,除非在这些区域中插入了新的模板区域。
对基本模板所做的更改在基于基本模板的模板中自动更新,并在所有基于主模板和嵌套模板的文档中自动更新。
在下面的示例中,模板 trioHome 包含三个可编辑区域,名称分别为 Body、Nav Bar 和 Footer:
为了创建嵌套模板,已经基于该模板创建了一个新文档,然后将该文档保存为模板并命名为 TrioNested。在嵌套模板中,在名为 Body 的可编辑区域中添加了两个可编辑区域。
当您在传递到嵌套模板的可编辑区域内添加新的可编辑区域时,该可编辑区域的高亮颜色将变为橙色。您在可编辑区域外部添加的内容,如 editableColumn 中的图形,在基于该嵌套模板的文档中不再是可编辑的。蓝色的高亮显示可编辑区域(无论是添加到嵌套模板的还是从基本模板传递的)在基于该嵌套模板的文档中仍然是可编辑的。不包含可编辑区域的模板区域作为可编辑区域传递到基于模板的文档。
创建嵌套模板
嵌套模板使您可以创建基本模板的变体。您可以嵌套多个模板来定义更加精确的布局。
默认情况下,基本模板中的所有可编辑模板区域都通过嵌套模板传递到基于该嵌套模板的文档。这意味着,如果在基本模板中创建一个可编辑区域,然后再创建一个嵌套模板,那么,只要您没有在嵌套模板的该区域中插入任何新的模板区域,该可编辑区域就会出现在基于嵌套模板的文档中。
在可编辑区域内可以插入模板标记,这样它就不会作为可编辑区域在基于该嵌套模板的文档中传递。这种区域具有橙色的边框,而不是蓝色的边框。
-
在“资源”面板中,单击左侧窗格中的“模板”。在底部窗格中选择“新模板”。
选择“文件”>“新建”。在“新建文档”对话框中,选择“模板中的页”类别,然后选择包含要使用的模板的站点。在“模板”列表中双击该模板来创建新文档。
-
选择“文件”>“另存为”。在“另存为”对话框中,在“另存为文件类型”下拉列表中选择“模板文件”。
-
在“另存为”框中输入名称,然后单击“确定”将新文档另存为嵌套模板。
防止可编辑区域传递到嵌套模板
在嵌套模板中,传递的可编辑区域具有蓝色边框。在可编辑区域内可以插入模板标记,这样它就不会作为可编辑区域在基于该嵌套模板的文档中传递。这种区域具有橙色的边框,而不是蓝色的边框。
-
在“代码”视图中,找到要阻止传递的可编辑区域。
可编辑区域由模板注释标签定义。
-
在可编辑区域代码中添加如下代码:
@@(" ")@@
此模板代码可放置在围绕可编辑区域的 <!-- InstanceBeginEditable --><!-- InstanceEndEditable --> 标签内的任何位置。例如:
<!-- InstanceBeginEditable name="EditRegion1" --> <p>@@("")@@ Editable 1 </p> <!-- InstanceEndEditable -->