第八章使用模板和库项目
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
8.1 模板的使用
在Dreamweaver CS5中有许多种创建模板的方法，可以创建空白模板，也可以基于现存文档 创建模板，除此之外，还可以将现有的HTML文档另存为模板，然后根据需要加以修改。
8.1.1 创建模板
模板其实就是一个HTML文档，只是在HTML文档中增加了模板标记。有两种方法可以创建模 板：一种是直接新建一个空白模板，再在其中插入需要显示的文档内容；另一种是将现有 的网页文件另存为模板，然后再根据需要进行修改。
用模板设计网页时，模板有很多的锁定区域。这些区域是不可编辑的。若要更改基于模板的文 档的锁定区域，必须将文档从模板中分离。当文档被分离后，它将成为一个普通的文档， 不再具有可编辑区域或锁定区域，也不再和任何模板相关联。
选择“修改”|“模板”|“从模板中分离”命令，即可将网页从模板中分离，模板中的锁定区域 将会全部删除，如图12.31所示。
8.2.3 更新模板页面
应用模板创建其他网页可保持整个网站的一致风格，又可节省时间。模板的最大作用就是能一 次更新多个页面，做到一改全改。对模板进行修改时，Dreamweaver会提示是否更新基 于该模板的页面，也可使用更新命令来手动更新当前页面或整个站点。
1．更新基于模板的文档 2．更新站点模板
8.1.3 创建嵌套模板
嵌套模板是指在模板中嵌套另一个模板。嵌套模板对于控制共享许多设计元素的站点页面中的 内容很有用，但在各页之间有些差距。若要创建嵌套模板，必须首先保存原始模板或基本 模板，然后根据该模板创建新文档，最后将该文档另存为模板。在新模板中，可以在原来 的基本模板中定义的可编辑区域中进一步定义区域。基本模板中的可编辑区域被传递到嵌 套模板，并在根据嵌套模板创建的页面中保持可编辑，除非在这些区域中又插入了新的模 板区域。
8.3 库的使用
库通常用来存放文档中的页面元素，如文本、图像、Flash动画等。这些页面元素被广泛应用 于整个站点，并且能够被反复使用，因此它们被称作库项目。
8.3.1 库项目的概念
库是一种特殊的文件，它包含可添加到网页文档中的一组单个资源或资源副本。库里面的这些 资源被称为库项目。库项目可以使用图像、表格或SWF文件等元素。当编辑某个库项目时 ，可以自动更新应用该库项目的所有网页文档。
8.3.5 使库对象脱离源文件
有时候，用户需要将网页中的库和源文件分离，进而能够在网页中直接编辑。这时可以选中页 面中的库对象，“属性”面板变成如图所示。
8.4 本章小结
Dreamweaver 提供了强大的模板，可以快速地创建大量风格统一的网页。库项目是可以在多 个页面中重复使用的存储页面元素，每当更改某个库项目的内容时，都可以更新所有使用 该项目的页面。在大型专业的站点制作过程中，模板和库是提高效率的有效途径，经常会 用到。Dreamweaver经过几个版本的发展，这两种方法也越来越成熟，读者最好反复练 习，真正做到熟练掌握。本章的重点和难点是模板的创建，可编辑区域的设置、利用模板 创建网页，从模板中分离，创建和使用库等。
创建基于模板的新文档的操作步骤如下。 （1）选择“文件”|“新建”命令，在弹出的“新建文档”对话框中选择“模板中的页”|“站点
newweb”中的muban1，如图12.29所示。 （2）单击“创建”按钮，即可创建一个基于模板的网页文档，如图12.30所示 （3）对新文档进行修改。
8.2.2 分离模板
令，如图所示。 （3）弹出“更新页面”对话框，设置“查看”为“整个站点”，“更新”为“库文件”，单
击“开始”按钮，Dreamweaver将按照指示更新文件，如图所示。 （4）关闭对话框后可见应用库的文档根据库的修改页面进行了修改。如果勾选了“显示记录
”复选框，Dreamweaver将提供关于它试图更新的文件的信息，包括它们是否成功更新 的信息。
8.3.3 插入库
创建好库对象后，就可以在新文档中使用它了。 添加库的具体操作步骤如下。 （1）新建文档，在网页中插入一个3行1列的表格，表格宽度为800px，记为表格1，如图所示
。 （2）将鼠标置于表格第2行单元格中，插入一个1行2列的表格，记为表格2，如图所示。 （3）将鼠标置于表格2第1列单元格中，在“库”面板中选中要插入的库left，单击面板下方的
8.1.4 定义模板区域
在模板中定义了文档的布局和大致框架。在使用模板之前，首先要了解模板的两个区域，即非编 辑区域和编辑区域。
模板中创建的元素在基于模板的页面中通常是锁定区域，或称之为非编辑区域，要编辑模板，必 须在模板中定义可编辑区域。在使用模板创建文档时只能改变可编辑区域中的内容，锁定区 域在文档编辑过程中始终保持不变。
Βιβλιοθήκη Baidu1．直接创建模板 2．从现有文档创建模板
8.1.2 管理模板
创建好模板后，模板会在“资源”面板中显示。可以在“资源”面板中队模板进行管理，主要 包括修改、删除和重命名模板等。
选择“窗口”|“资源”命令，打开“资源”面板，单击面板上的“模板按钮”，在模板列表上 会显示所有的模板，如图12.5所示。
1．修改模板 2．删除模板 3．重命名模板
“插入”按钮，如图所示。 （4）此时库项目left便被添加到新建的网页文档中，如图所示。
8.3.4 编辑和更新库项目
通过库可以有效地管理和使用站点上的各种资源。当编辑库项目时，可以更新使用该项目的所 有文档。如果选择不更新，那么文档将保持与库项目的关联，可以在以后更新它们，具体 操作步骤如下。
（1）打开库文件bottom，选中文字，在属性面板中输入链接，如图所示。 （2）选择“文件”|“保存”命令，保存对库的修改。之后选择“修改”|“库”|“更新页面”命
1．模板区域的类型 2．定义可编辑区域
8.1.5 实例——创建网站的模板页面
8.2 使用模板创建网页文档
在Dreamweaver中，可以以模板为基础创建新的文档，或将一个模板应用于已有的文档。使 用这样的方法创建网页文档，可以保持整个网站风格的统一性，并能大大提高制作效率。
8.2.1 创建基于模板的文档
8.3.2 创建库项目
在Dreamweaver CS5文档中，可以将网页文档中的任何元素创建为库项目，这些元素包括文 本、图像、表格、表单、插件、ActiveX控件以及Java程序等。
要使用库，必须首先创建库。创建库有两种方法：一是新建库，二是将已经做好的网页内容转 换为库。
在打开的网页中，由于一些内容已经做好了，因此只需将其转换成库对象即可。选择“窗口 ”|“资源”命令，打开“资源”面板，在左侧的按钮中单击“库”按钮切换到“库”面板 ，如图所示。
在Dreamweaver CS5中有许多种创建模板的方法，可以创建空白模板，也可以基于现存文档 创建模板，除此之外，还可以将现有的HTML文档另存为模板，然后根据需要加以修改。
8.1.1 创建模板
模板其实就是一个HTML文档，只是在HTML文档中增加了模板标记。有两种方法可以创建模 板：一种是直接新建一个空白模板，再在其中插入需要显示的文档内容；另一种是将现有 的网页文件另存为模板，然后再根据需要进行修改。
用模板设计网页时，模板有很多的锁定区域。这些区域是不可编辑的。若要更改基于模板的文 档的锁定区域，必须将文档从模板中分离。当文档被分离后，它将成为一个普通的文档， 不再具有可编辑区域或锁定区域，也不再和任何模板相关联。
选择“修改”|“模板”|“从模板中分离”命令，即可将网页从模板中分离，模板中的锁定区域 将会全部删除，如图12.31所示。
8.2.3 更新模板页面
应用模板创建其他网页可保持整个网站的一致风格，又可节省时间。模板的最大作用就是能一 次更新多个页面，做到一改全改。对模板进行修改时，Dreamweaver会提示是否更新基 于该模板的页面，也可使用更新命令来手动更新当前页面或整个站点。
1．更新基于模板的文档 2．更新站点模板
8.1.3 创建嵌套模板
嵌套模板是指在模板中嵌套另一个模板。嵌套模板对于控制共享许多设计元素的站点页面中的 内容很有用，但在各页之间有些差距。若要创建嵌套模板，必须首先保存原始模板或基本 模板，然后根据该模板创建新文档，最后将该文档另存为模板。在新模板中，可以在原来 的基本模板中定义的可编辑区域中进一步定义区域。基本模板中的可编辑区域被传递到嵌 套模板，并在根据嵌套模板创建的页面中保持可编辑，除非在这些区域中又插入了新的模 板区域。
8.3 库的使用
库通常用来存放文档中的页面元素，如文本、图像、Flash动画等。这些页面元素被广泛应用 于整个站点，并且能够被反复使用，因此它们被称作库项目。
8.3.1 库项目的概念
库是一种特殊的文件，它包含可添加到网页文档中的一组单个资源或资源副本。库里面的这些 资源被称为库项目。库项目可以使用图像、表格或SWF文件等元素。当编辑某个库项目时 ，可以自动更新应用该库项目的所有网页文档。
8.3.5 使库对象脱离源文件
有时候，用户需要将网页中的库和源文件分离，进而能够在网页中直接编辑。这时可以选中页 面中的库对象，“属性”面板变成如图所示。
8.4 本章小结
Dreamweaver 提供了强大的模板，可以快速地创建大量风格统一的网页。库项目是可以在多 个页面中重复使用的存储页面元素，每当更改某个库项目的内容时，都可以更新所有使用 该项目的页面。在大型专业的站点制作过程中，模板和库是提高效率的有效途径，经常会 用到。Dreamweaver经过几个版本的发展，这两种方法也越来越成熟，读者最好反复练 习，真正做到熟练掌握。本章的重点和难点是模板的创建，可编辑区域的设置、利用模板 创建网页，从模板中分离，创建和使用库等。
创建基于模板的新文档的操作步骤如下。 （1）选择“文件”|“新建”命令，在弹出的“新建文档”对话框中选择“模板中的页”|“站点
newweb”中的muban1，如图12.29所示。 （2）单击“创建”按钮，即可创建一个基于模板的网页文档，如图12.30所示 （3）对新文档进行修改。
8.2.2 分离模板
令，如图所示。 （3）弹出“更新页面”对话框，设置“查看”为“整个站点”，“更新”为“库文件”，单
击“开始”按钮，Dreamweaver将按照指示更新文件，如图所示。 （4）关闭对话框后可见应用库的文档根据库的修改页面进行了修改。如果勾选了“显示记录
”复选框，Dreamweaver将提供关于它试图更新的文件的信息，包括它们是否成功更新 的信息。
8.3.3 插入库
创建好库对象后，就可以在新文档中使用它了。 添加库的具体操作步骤如下。 （1）新建文档，在网页中插入一个3行1列的表格，表格宽度为800px，记为表格1，如图所示
。 （2）将鼠标置于表格第2行单元格中，插入一个1行2列的表格，记为表格2，如图所示。 （3）将鼠标置于表格2第1列单元格中，在“库”面板中选中要插入的库left，单击面板下方的
8.1.4 定义模板区域
在模板中定义了文档的布局和大致框架。在使用模板之前，首先要了解模板的两个区域，即非编 辑区域和编辑区域。
模板中创建的元素在基于模板的页面中通常是锁定区域，或称之为非编辑区域，要编辑模板，必 须在模板中定义可编辑区域。在使用模板创建文档时只能改变可编辑区域中的内容，锁定区 域在文档编辑过程中始终保持不变。
Βιβλιοθήκη Baidu1．直接创建模板 2．从现有文档创建模板
8.1.2 管理模板
创建好模板后，模板会在“资源”面板中显示。可以在“资源”面板中队模板进行管理，主要 包括修改、删除和重命名模板等。
选择“窗口”|“资源”命令，打开“资源”面板，单击面板上的“模板按钮”，在模板列表上 会显示所有的模板，如图12.5所示。
1．修改模板 2．删除模板 3．重命名模板
“插入”按钮，如图所示。 （4）此时库项目left便被添加到新建的网页文档中，如图所示。
8.3.4 编辑和更新库项目
通过库可以有效地管理和使用站点上的各种资源。当编辑库项目时，可以更新使用该项目的所 有文档。如果选择不更新，那么文档将保持与库项目的关联，可以在以后更新它们，具体 操作步骤如下。
（1）打开库文件bottom，选中文字，在属性面板中输入链接，如图所示。 （2）选择“文件”|“保存”命令，保存对库的修改。之后选择“修改”|“库”|“更新页面”命
1．模板区域的类型 2．定义可编辑区域
8.1.5 实例——创建网站的模板页面
8.2 使用模板创建网页文档
在Dreamweaver中，可以以模板为基础创建新的文档，或将一个模板应用于已有的文档。使 用这样的方法创建网页文档，可以保持整个网站风格的统一性，并能大大提高制作效率。
8.2.1 创建基于模板的文档
8.3.2 创建库项目
在Dreamweaver CS5文档中，可以将网页文档中的任何元素创建为库项目，这些元素包括文 本、图像、表格、表单、插件、ActiveX控件以及Java程序等。
要使用库，必须首先创建库。创建库有两种方法：一是新建库，二是将已经做好的网页内容转 换为库。
在打开的网页中，由于一些内容已经做好了，因此只需将其转换成库对象即可。选择“窗口 ”|“资源”命令，打开“资源”面板，在左侧的按钮中单击“库”按钮切换到“库”面板 ，如图所示。