首 页 | 多媒体开发 | 合成 | 平面设计 | 动画制作 | 音频编辑 | 网站建设| 下载中心 | 认证培训
论 坛 | 加入人才库 | 企业展台 | 作品展示 | 项目承接 | 光盘压制 | 配音服务| 虚拟主机 | 新书上市
bryce
 

第四章 应用模板

4.1 模板综述

  利用模板,我们能够轻松的为站点建立起风格一致的页面。此外,利用模板,我们还可以方便的维护的站点。当你想改变站点的风格时,你不必重新修改所有页面。你只需将模板改变就可以了,Dreamweaver可以自动的将所有运用相应模板的页面更新。

  模板对话框简介:通过模板对话框我们可以方便的建立和管理现有模板。

  首先,选择Window>Templates(窗口〉模板)打开模板对话框。如图1所示。


图 1 模板对话框

  在对话框的下半部分列出了当前站点所拥有的模板,对话框的上半部分则显示了当前选择的模板的内容。在对话框的下边有四个快捷图标,为应用,新建,打开,删除。

  单击对话框右上角的小箭头可以弹出一个菜单, 我们利用它来对模板进行管理。这个菜单我们也可以通过用右键单击对话框下半部的模板列表来弹出。

4.2 建立模板

  我们有两种建立模板的方法。一种方法是将一个已经存在的页面另存为模板,然后对其进行修改以适应需要;另一种方法是从头建立起一个新的空白模板。建立好的模板将被自动保存在本地站点根目录下的TEMPLATES目录中。

4.2.1 将一个已经存在的页面存为模板

  首先,在编辑窗口中,选择File>Open(文件〉打开)打开一个已经存在的页面。紧接着,我们就可以将它另存为模板了。 选择菜单中的File>Save as Template(文件〉另存为模板),会弹出Save as Template(另存为模板)对话框, 选择要保存到的站点,然后输入模板的名称,如图2所示。


图 2 Save as Template(另存为模板)对话框

 

4.2.2 建立一个新的空白模板

   首先,在编辑窗口中,选择Window>Templates(窗口〉模板),打开模板对话框。选择New Template(新建模板)。我们就可建立一个新的空白模板文件。建立模板之后,我们就可以打开它对进行编辑了。选择菜单中的Open(打开)或者双击模板的名称。

4.2.3 设定模板的页面属性

  同网页一样,模板也有自己的页面属性。更改模板页面属性的方法和更改网页页面属性的方法是一样的。基于模板所建立的网页继承了模板除页面标题之外的所有的页面属性。
  在应用模板之后,如果我们想要更改网页属性的话,就必须先更改模板的页面属性,然后再对页面进行更新。

4.3 定义模板的可编辑区域

  模板中的内容分为两类,一类是在网页中不可以被更改的,叫不可编辑区域;另一类就是可以在网页中更改的,叫可编辑区域。比如说,在网页中的旗帜、标识一般是不用改变的,我们就可以把它们定义为不可编辑区域;而网页中的具体内容可能需要随时更新,我们就把它定义为可编辑区域。

  在默认情况下,模板中的所有内容都被认为是不可编辑区域。我们需要把其中的一部分内容变为可编辑区域,从而使模板真正的发挥作用。

  定义模板的可编辑区域有两种方法,一种是将模板中已有的内容定义为可编辑区域;另一种就是在模板中定义新的可编辑区域。下面分别介绍这两种方法。

  一、将已有的内容定义为可编辑区域

  首先我们打开一个模板,选择我们想定义为可编辑区域的内容。

  在下面的例子中,因为最近更新的内容是需要经常改变的,所以我们把它定义为可编辑区域。而其它内容不需要经常变化,所以就是不可编辑区域,如图3所示。


图 3 定义可编辑区域

  接着选择Modify>Templates>Mark Selection as Editable(修改〉模板〉标记所选内容为可编辑区域),弹出新建可编辑区域对话框。填入名称,按OK,如图4所示。


图 4新建可编辑区域对话框

  除了将文字、图像等定义为可编辑区域外,我们还可以将表格(Table)、层(Layer)、样式(Style)、时间线(Timeline)和行为(behaviors) 定义为可编辑区域。

  二、定义新的可编辑区域

  首先,在模板中,将插入光标挪到你想插入可编辑区域的地方。选择Modify>Templates>New Editable Region(修改〉模板〉新建可编辑区域)。同样会弹出新建可编辑区域对话框。填入名称,按OK后就可发现新建的可编辑区域名称被{}包住,作为标识插入在模板中。当你将模板应用至网页时,就可以用文字、图像或者其它内容将这些标识替换掉。

  •  如果我们要查找一个模板或者网页之中的可编辑区域,我们可以选择Modify>Templates(修改〉模板),选择你想要的就可以了。
  •  将可编辑区域变为不可编辑区域:选择Modify>Templates>Unmark Editable Region(修改〉模板〉反标记可编辑区域),选择你想要删除的可编辑区域,单击OK(确定)就可以了,如图5所示。


图 5 反标记可编辑区域对话框

  

4.4 基于模板建立文档

  我们可以把模板作为起点,在它的基础上建立一个新网页;也可以把模板应用到一个已经做好的网页之上。

4.4.1 建立基于模板的新网页

  建立一个基于模板的新网页,我们有两种方法:

  • 选择File>New From Template(文件〉通过模板建立新文档),弹出模板选择对话框。在这个对话框中列出了你所拥有的站点以及站点中所有的模板,选择站点名称和想要使用的模板名称,单击Select(选择)。这样,我们就新建了一个网页,如图6所示。

   
图6模板选择对话框

  

  • 选择File>New(文件〉新建),建立一个空白页面。然后,我们打开模板对话框。在对话框下半部分的模板列表之中选择一个模板。点住模板名称,将其拖到空白页面之上。

4.4.2 将模板应用到已有的网页之中

  首先,打开一个网页。然后有三种方法可选:

  • 选择Modify>Templates>Apply Template to Page(修改〉模板〉应用模板至页面),然后在弹出的模板选择对话框中选择一个模板。
  • 将模板对话框中的模板名称拖到页面编辑窗口之中。
  • 直接点击模板对话框下边的图标。

4.5 升级站点

  当我们改变了模板并将其保存时,Dreamweaver会提醒模板已经改变,并询问是否将使用这个模板的网页更新。如果选择是,Dreamweaver会自动更新网页。除此之外,我们也可以不利用Dreamweaver的自动更新,而在保存之后选择手动更新页面。

  • 更新当前网页

  打开想要更新的网页,选择Modify>Templates>Update Current Page。

  • 更新所有网页

  选择Modify>Templates>Update Pages,弹出更新页面的对话框,如图7所示。


图 10 更新页面对话框

  在Look in(访问)下拉菜单中有Entire Site(整个站点)和Files That Use...(使用所选择模板的网页)两个选项,它们的作用分别是:

  • Entire Site:更新所选择站点之中所有使用模板的网页,无论它们使用的模板是当前模板还是其它的模板。
  • Files That Use:更新当前站点之中所有使用当前模板的网页。

  Templates(模板)选择框应被选中,然后按Start(开始)就可以了。Dreamweaver会在选定的目录下搜索所有需要更新的网页,并将它们全部更新。