第13章__模板与库.ppt

第13章 模板与库 库和模板都是功能强大的网页更新维护工具。模板其实就是用来创建网页的基础文档。构建一个网站时，使用模板来创建网页文档，可以使站点的结构和网页外观保持一致。库是保存和管理整个站点中重复使用或频繁更新的页面元素的一个文件夹。 通过本章的学习，掌握使用模板创建和更新网页的一般方法，以及使用库项目更新网页的一般方法。库侧重于网页重用元素的管理，模板虽也能管理重用页面元素，但更侧重于保持网页布局的一致性。在实际应用时，需要进行灵活地选择。下面具体为大家介绍的内容有： 模板的创建与应用 库的创建与应用 模板的设置与更新 库的基本操作 模板与库在网页制作的应用 13.1 模板 在位于网站的很多页面中，普遍存在着一些固定不变的内容，如标识图像和导航条等。在制作网页时，每次都重复实现它，不但工作量会很大，而且还会增加出错的机率。此时，如果我们使用模板的相应功能，就能很好地解决这类麻烦。模板的功能是把网页布局和内容分离，在布局设计制作完成后，将其存储即可。本节详细为大家介绍此类功能的实现方法，即模板的相应内容。 13.1.1 认识网页模板 网页模板是创建其它网页文档的基础，作为基础文档，可以指定哪些网页元素要长期保留并不能进行编辑操作，也可以指定哪些网页元素可以进行编辑与修改操作。在实际操作过程中，往往是把站标、导航栏、栏目标题、版权信息等页面元素设置为不可编辑的，把每日要更新的内容设置为可编辑的。网页模板就是已经做好的网页框架。 如图所示，是一简单的网页模板。 13.1.2 模板的创建 网页模板的创建，根据制作者所应用的软件不同，其方法也有所不同。这里为大家介绍有关于Dreamweaver软件的模板的创建方法，以及其在网页制作过程中有关于模板的相应的内容。以帮助大家掌握网页模板的创建方法。 在打开的Dreamweaver中，单击“插入”|“模板对象”|“创建模板”命令，在弹出的“另存模板”对话框中，分别在“站点”下接列表框中选择相应的站点；在“现存的模板”区域添加的是存为模板的相应的内容；在“描述”文本框中可以输入相应的对于此模板的文字描述；在“另存为”文本框中输入相应的模板的名称，操作完成后，单击“保存”按钮完成模板的保存，如图所示。 在模板进行创建过程中，根据需要，还可以对模板中的相应内容进行设置。例如，创建嵌套模板、设置可编辑区、设置可选区域、设置重复区域、设置可编辑的可选区域，以及重复表格这些内容，它们分别也可以在“插入”|“模板对象”选项卡下进行操作实现的。如图所示。 13.1.3 模板的设置 关于模板的设置，对于不同的形式，其设置方法是一样的。比如，设置模板中表格为可编辑区域，这是一个实际制作过程中，需要经常用到的模板应用方法。这里通过一个具体的实例，来详细介绍有关于它的设置方法。 1．插入表格 单击“插入”|“表格”命令，根据系统的相应提示，创建所需要的表格。因为此表格是用于以后的模板中的一部分，所以需要进行相应的参数设置。具体方法，单击“编辑”|“首选参数”命令，在弹出的“首选参数”对话框中，需要对“不可见元素”该选项卡下的各类选项，根据需要与否，进行相应的勾选与取消勾选操作，单击“确定”按钮完成设置，如图所示。 2.设置可编辑区域 在表格区域创建以及其它操作完成后，即可以作为模板的表格完成，接下来需要设置其为可编辑区域。具体方法，选中表格区域，因为一个页面往往包含有除此之外的其它内容。单击“插入”|“模板对象”|“可编辑区域”命令。根据系统的提示一步步实现即可。 13.1.4 模板的应用 接下来，通过几方面的情况，来详细说说有关模板的应用技巧。帮助大家掌握并了解什么才是模板的应用，如何才是实现的要点，以及相关内容。 1.网页模板化 2.视觉规范化 3．保有自己的风格 4．善用填充图 5．立体效果的应用 13.1.5 模板的更新 模板创建好以后并非一成不变，我们可以根据实际需要，随时修改模板以满足新的设计要求。当我们修改一个模板时，Dreamweaver会提示我们是否更新应用该模板的网页。模板的更新可分为对当前文档的更新和对整个站点的更新，具体内容如下。 （1）对当前文档的更新 在模板修改完成后，用当前模板的必威体育精装版版本来更新当前文档，其操作方法，单击“修改”|“模板”|“更新当前页”命令，即可实现。 （2）对整个站点的更新 要用模板的必威体育精装版版本更新整个站点或应用特定模板的所有文档，其操作方法，单击“修改”|“模板”|“更新页面”命令，在弹出的“更新页面”对话框中，如图所示，分别设置“查看”的站点选择、“更新”的模板复选框，单击“开始”按钮实现最终的站点内容的更新。 13.1.6 模板的优化 因为SEOer对代码的掌握不够熟练，网站模板的优化往往被轻易地忽略了。在重内容，重外