网页设计与制作第7章模版与库.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 定义模板的重复区域 重复区域可以是根据需要在基于模版的页面中 任意复制的模版部分，通常用于表格，当然也可 以为其他页面元素设置重复区域。