| |
|
|
|||||||||||||||||||||||||||
|
第四章 应用模板 4.1 模板综述 利用模板,我们能够轻松的为站点建立起风格一致的页面。此外,利用模板,我们还可以方便的维护的站点。当你想改变站点的风格时,你不必重新修改所有页面。你只需将模板改变就可以了,Dreamweaver可以自动的将所有运用相应模板的页面更新。 模板对话框简介:通过模板对话框,我们可以方便的建立和管理现有模板。 首先,选择Window>Templates(窗口〉模板)打开模板对话框。如图1所示。
在对话框的下半部分列出了当前站点所拥有的模板,对话框的上半部分则显示了当前选择的模板的内容。在对话框的下边有四个快捷图标, 单击对话框右上角的小箭头可以弹出一个菜单, 我们利用它来对模板进行管理。这个菜单我们也可以通过用右键单击对话框下半部的模板列表来弹出。 4.2 建立模板 我们有两种建立模板的方法。一种方法是将一个已经存在的页面另存为模板,然后对其进行修改以适应需要;另一种方法是从头建立起一个新的空白模板。建立好的模板将被自动保存在本地站点根目录下的TEMPLATES目录中。 4.2.1 将一个已经存在的页面存为模板 首先,在编辑窗口中,选择File>Open(文件〉打开),打开一个已经存在的页面。紧接着,我们就可以将它另存为模板了。 选择菜单中的File>Save as Template(文件〉另存为模板),会弹出Save as Template(另存为模板)对话框, 选择要保存到的站点,然后输入模板的名称,如图2所示。
4.2.2 建立一个新的空白模板 首先,在编辑窗口中,选择Window>Templates(窗口〉模板),打开模板对话框。选择New Template(新建模板)。我们就可建立一个新的空白模板文件。建立模板之后,我们就可以打开它对进行编辑了。选择菜单中的Open(打开)或者双击模板的名称。 4.2.3 设定模板的页面属性 同网页一样,模板也有自己的页面属性。更改模板页面属性的方法和更改网页页面属性的方法是一样的。基于模板所建立的网页继承了模板除页面标题之外的所有的页面属性。 4.3 定义模板的可编辑区域 模板中的内容分为两类,一类是在网页中不可以被更改的,叫不可编辑区域;另一类就是可以在网页中更改的,叫可编辑区域。比如说,在网页中的旗帜、标识一般是不用改变的,我们就可以把它们定义为不可编辑区域;而网页中的具体内容可能需要随时更新,我们就把它定义为可编辑区域。 在默认情况下,模板中的所有内容都被认为是不可编辑区域。我们需要把其中的一部分内容变为可编辑区域,从而使模板真正的发挥作用。 定义模板的可编辑区域有两种方法,一种是将模板中已有的内容定义为可编辑区域;另一种就是在模板中定义新的可编辑区域。下面分别介绍这两种方法。 一、将已有的内容定义为可编辑区域 首先我们打开一个模板,选择我们想定义为可编辑区域的内容。 在下面的例子中,因为最近更新的内容是需要经常改变的,所以我们把它定义为可编辑区域。而其它内容不需要经常变化,所以就是不可编辑区域,如图3所示。
接着选择Modify>Templates>Mark Selection as Editable(修改〉模板〉标记所选内容为可编辑区域),弹出新建可编辑区域对话框。填入名称,按OK,如图4所示。
除了将文字、图像等定义为可编辑区域外,我们还可以将表格(Table)、层(Layer)、样式(Style)、时间线(Timeline)和行为(behaviors) 定义为可编辑区域。 二、定义新的可编辑区域 首先,在模板中,将插入光标挪到你想插入可编辑区域的地方。选择Modify>Templates>New Editable Region(修改〉模板〉新建可编辑区域)。同样会弹出新建可编辑区域对话框。填入名称,按OK后就可发现新建的可编辑区域名称被{}包住,作为标识插入在模板中。当你将模板应用至网页时,就可以用文字、图像或者其它内容将这些标识替换掉。
4.4 基于模板建立文档 我们可以把模板作为起点,在它的基础上建立一个新网页;也可以把模板应用到一个已经做好的网页之上。 4.4.1 建立基于模板的新网页 建立一个基于模板的新网页,我们有两种方法:
4.4.2 将模板应用到已有的网页之中 首先,打开一个网页。然后有三种方法可选:
4.5 升级站点 当我们改变了模板并将其保存时,Dreamweaver会提醒模板已经改变,并询问是否将使用这个模板的网页更新。如果选择是,Dreamweaver会自动更新网页。除此之外,我们也可以不利用Dreamweaver的自动更新,而在保存之后选择手动更新页面。
打开想要更新的网页,选择Modify>Templates>Update Current Page。
选择Modify>Templates>Update Pages,弹出更新页面的对话框,如图7所示。
在Look in(访问)下拉菜单中有Entire Site(整个站点)和Files That Use...(使用所选择模板的网页)两个选项,它们的作用分别是:
Templates(模板)选择框应被选中,然后按Start(开始)就可以了。Dreamweaver会在选定的目录下搜索所有需要更新的网页,并将它们全部更新。
|
||
|
|