第16章 模板 在建设一个大规模的网站时,通常需要制作很多的页 面,而且还要保证这些页面的风格统一。为了提高网 站建设与更新的工作效率,避免重复操作,这就要用 到Dreamweaver CS4中的模板。本章就来学习如何创 建和使用模板。
16.1 模板概述 模板是一种特殊类型的文档,文件扩展名为“.dwt”。 在设计网页时,可以将网页的公共部分放到模板中。 要更新公共部分时,只需要更改模板,所有应用该 模板的页面都会随之改变。在模板中可以创建可编 辑区域,应用模板的页面只能对可编辑区域内进行 编辑,而可编辑区域外的部分只能在模板中编辑。 模板的最大作用就是用来创建有统一风格的网页, 省去了重复操作的麻烦,提高工作效率。
16.1 模板概述 图20.1是一个应用模板的网页实例,网页中的可编辑 区域用蓝色边框标识。只需要修改可编辑区域的内容, 就可以制作出一系列风格统一的网页,这就是模板的 好处。
16.2 创建模板 模板的制作与普通网页的制作相同,是用来制作网 页的公共部分。设计者可以根据需要,直接创建空 白的模板,也可以将已有文档转换为模板。 要使模板生效,其中至少还要创建一个可编辑区域; 否则基于该模板的页面是不可编辑的。 为了便于管理,最好将创建的模板存放在站点根目 录下的“Templates”文件夹中。
16.2.1 直接创建模板 在Dreamweaver CS4中,可以通过“资源”面板直接 创建模板。方法:单击按钮
16.2.2 创建可编辑区域 在设计模板时,设计者可以决定模板中的哪些部分是 可编辑的,而哪些是不可编辑的,这就要通过创建可 编辑区域来实现上述功能。具体操作步骤如下: 插入->模板对象->模板可编辑区域
16.3 模板的应用 下面就来学习如何将创建好的模板应用到页面中。本 节主要介绍应用模板创建新文档和将模板应用于现有 文档两种应用方式,以及更新应用模板的页面,从模 板中分离页面等内容。
16.3.1 应用模板创建新文档 具体操作步骤如下:
16.3.2 更新应用模板的文档 当模板中的内容发生改变时,可以通过“更新页面” 功能,更新所有应用模板的文档。
16.3.3 从模板中分离 应用模板的页面,可以通过“从模板中分离”功能, 转化为普通HTML页面,并且保留网页中原内容。还 是以上述网页为例,具体操作步骤如下: 修改->模板->从模板中分离