网页设计与制作 第七章 模版与库.ppt

第七章 模版与库 第七章 模版与库 学习目标： 通过本章的学习，要求掌握模板与库的基本概念，如何创建模板、库，如何设置模板、库的属性，熟练运用模板与库来创建并更新网站的内容。 第七章 模版与库 一个大型网站往往需要让许多甚至所有网页在某个固定的位置显示相同的内容，如网站的标志、公司徽标、网站导航条等。这样制作这些网页的时候就可以直接在一个模板制作，而不必从头开始，其功能类似PowerPoint幻灯片中的模板。当改动这些网页时，也不必逐一修改页面元素，而是可以一次同时修改完毕。此外，还需要重复使用网页上的某些元素，而不必再重新插入或编写他们。对于这些需求Dreamweaver提供了“模板”和“库”的功能，来使你的网页制作事半功倍。 用模版与库的两大理由 统一整个网站的风格 做到一改全改 1．Dreamweaver的模板 在开发Web网站时，使用Dreamweaver的模板功能有助于设计风格一致的网页。众所周知，站点必须经常更新，才能赢得更多的访问量，在Dreamweaver中通过模板来创建和更新网页，便于网站的维护和管理，可以充分地重用资源，从而大大提高工作的效率。 顾名思义，模板就是一种样板，照着这个样板，可以制作出多个样式一致的网页。模板面板提供了一种建立同一风格网页基本框架的方法。例如，对于一个大型站点，大多数文档上通常会出现相同的内容，如公司的名称、网站的标志、公司徽标、网站导航条等。如果将这些格式存储为模板，再通过该模板创建新文档，所生成的新文档中会自动出现这些共有内容。这样，在编辑网页时，只需输入每个文档中不同的内容就可以了。 1．Dreamweaver的模板 模板的原理是由可编辑区域和不可编辑区域两部分组成。不可编辑区域包含了在所有面面中共有的元素，即构成页面的基本框架；而可编辑区域是为添加相应的内容而设置的。Dreamweaver的模板的扩展名为“.dwt”。创建模板后，Dreamweaver会自动在当前站点的根目录中创建一个名为“Templates”的目录，然后将该模板文件存储在该目录中。用户可以在将模板应用于文档之后，再修改模板。当使用修改后的模板更新文档时，文档只有不可编辑的部分才会随模板更新，不会影响到其他内容。 2．Dreamweaver的库 除了模板之外，为了重复地使用网页设计资源，Dreamweaver还提供了库。用户可以将Dreamweaver的库，理解为可重用的网页对象集合，还可以利用库来处理在多个页面中出现的内容，版权信息、公司地址等。 库是一种特殊的 Dreamweaver 文件，其中包含您已创建以便放在 Web 页上的单独的资源或资源副本的集合，用来存储要在整个 Web 站点上经常重复使用或更新的页面元素（如图像、文本和其他对象）的方法。库里的这些资源称为库项目（Library Item），可以将单个网页对象创建为库项目，也可以将多个网页对象的组合创建为库项目。库项目就是在网页中能重复使用的“零件”。每当更改某个库项目的内容时，可以更新所有使用该项目的页面。可以在库中存储各种各样的页面元素，如图像、表格、声音和 Flash 文件。 2．Dreamweaver的库 Dreamweaver库项目的扩展名为“.lib”。每个站点都有自己的库，用户可以为每个站点定义不同的库。Dreamweaver 将库项目存储在每个站点的本地根文件夹内的“Library”文件夹中。 第七章 模版与库 7.1 创建模板 7.2 设置模板的属性 7.3 应用模板 7.4 库项目 7.1 创建模板 模板的创建有两种方式：一种是从头创建一个新的模板；另一种是将现有文档进行修改，然后存储为模板文件。创建模板后，Dreamweaver会自动在当前站点的根目录中创建一个名为“Templates”的目录，然后将该模板文件存储在该目录中。 7.1 创建模板 7.1.1 新建模板文件 7.1.2 将现有的HTML文档转换成模板 7.2 设置模板的属性 7.2.1 设置模板的页面属性 7.2.2 定义模板的可编辑区 每个模板都包含可编辑区和不可编辑区两部分。可编辑区是指一个页面中可以更改的部分，不可编辑区是指在所有页面中不能改变的内容。它的内容只能在编辑模板中修改 。 7.2 设置模板的属性 7.2.3 定义模板的重复区域 重复区域可以是根据需要在基于模版的页面中任意复制的模版部分，通常用于表格，当然也可以为其他页面元素设置重复区域。 重复区域是不可编辑区，如果要在重复区域中编辑不同的内容，必须在重复区域中插入可编辑区域。 重复区域可以使用两种重复区域模板对象：重复区域和重复表格。 1．在模板中插入重复区域 在模板中插入重复区域，步骤如下：