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