第十二章 模板与库.pptVIP

第十二章 模板和库项目 在Dreamweaver MX中利用模板和库项目能够创建具有统一风格的网页，同时也能更方便地进行网站的维护。 本章介绍模板与库项目的基础知识和应用：如何创建模板以及在网页设计中应用模板，如何创建和设置库项目以及向网页添加库项目等。 本章内容 学习目标 掌握模板和库项目的创建方法； 掌握应用模板设计网页的方法； 掌握将库项目添加到网页中的方法； 掌握用模板和库更新页面的方法。 模板：实际上是一种特殊网页，可以通过模板页面产生许多形式相似的网页。 库项目：指网站上经常重复使用或更新的页面元素（如图象、文本和其他对象），将它们存储在库中进行管理和维护。 在Dreamweaver MX中利用模板和库项目能够创建具有统一风格的网页，同时也能更方便的进行网站的维护。 1 创建模板 将现有文档存为模板 定义模板的可编辑区 修改模板 将现有文档存为模板 实例1 创建模板 建立站点 新建网页 网页另存为模板： 选择菜单→文件→另存为模板 单击保存按钮。在站点根目录下会自动增加一个文件夹Templates，新保存的模板就在该文件夹中。模板文件扩展名为 .dwt。 打开资源面板并单击“模板”按钮，可以看到新建模板。 1.2 定义模板的可编辑区 在模板中，有两种类型的区域：可编辑区域和锁定区域。在应用了模板的网页中，模板部分是锁定的，其中的内容都为不可编辑，所以必须在模板中定义可以编辑的区域以使用该模板来创建新的文档。 可以像普通网页一样在文档窗口中打开模板文件进行修改和编辑。 实例2 为模板index.dwt定义可编辑区域。 打开index.dwt模板； 清理模板文档：只保留所有页面中都需要的公共元素； 定义可编辑区域：选择菜单命令“插入→模板对象→可编辑区域”；或插入面板→选择模板标签→可编辑区域。 在模板页中，可编辑区域用下面的标记来表示： !-- TemplateBeginEditable name=EditRegionMain -- !-- TemplateEndEditable -- 在模板中，还有两个默认的可编辑区域：页面标题和页面头部中的区域。因此，应用了该模板的文档，可以更改文档的标题，可以在页面插入客户端脚本及定义CSS样式表，而其他区域均是不可编辑的。 8.2 使用模板 使用模板创建新文档 对现有文档应用模板 使用模板更新文档 8.2.1 使用模板创建新文档 实例３　利用模板index.dwt创建新文档。 选择菜单命令“文件→新建”，打开新建文档对话框，选择“模板”选项卡，选择站点模板，在右边的预览视图中给出模板示意图。如图所示： 选中“当模板改变时更新页面”选项，单击“创建”按钮，进入新文档设计视图。 在新文档中，光标只能移动到可编辑区。 在可编辑区EditRegionMain中插入相应的表格、图象和文字。 可以更改文档标题。 8.2.2 对已有文档应用模板 实例 4 对下列表单 应用模板index.dwt。 打开表单网页文档； 展开资源面板的模板窗口，选中模板index.dwt，单击面板下面的“应用”按钮。 单击“确定”，得到如下所示页面设计视图。 8.2.3 使用模板更新文档 当需要对模板的某些方面进行修改，此时可在Dreamweaver MX中打开模板文件，按照需要进行相应的修改工作。在保存模板时会弹出如下对话框，询问是否需要更新使用该模板来创建的文件；选择“更新”，则自动对所有相关文件进行更新工作。 8.3 库项目及其应用 创建库项目 向网页添加库项目 利用库项目更新网站 8.3.1 创建库项目 在一个库项目中，可以包含文本、表格、表单、图象和多媒体等内容。创建库项目时，先选中文档中的需要作为库项目的对象，选择菜单命令“修改→库→增加对象到库”来创建项目，也可以在资源面板库类窗口中单击“新建库项目”按钮来创建。 实例 5 创建一个库项目，在项目中包含一个表格。 在Dreamweaver MX中，新建网页文件。 向网页中插入一个2行3列的表，设定表格边框为5，间距为2，边框颜色为蓝色。 选定页面上的表格，选择菜单命令“修改→库→增加对象到库”，在当前站点根目录下自动增加一个Library文件夹和文件“未命名.lbi”。在库类窗口中同时给出该库项目的样式图。 将新项目重命名为table，Library目录中的文件的名称也自动改变为table.lbi 8.3.2 向网页添加库项目 实例 6 将库项目添加到index.dwt中。 打开文档； 确定插入位置； 打开资源面板并切换到库类别，选中库项目table，单击面板底部的“插入”按钮，或者直接将库项目拖动到目标位置释放，该项目就插入到网页中。 8.3.3 利用库项目更新网站 在对库项目进行