详解DW模板和库.ppt

（2）在左侧的列表框中选择“模板中的页”选项，在“站点”列表框中选择模板所在的站点，在“站点的模板”列表框中选择用于创建文档的模板，如图所示。 （3）单击“创建”按钮，即可创建一个应用此模板的页面。在模板中的可编辑区域输入内容后，保存网页即可。如图所示即为应用模板得到的页面效果。 2.应用到有内容的文档 将模板直接应用于已编辑了内容的文档的操作步骤如下： （1）选择【文件】-【新建】命令，打开“新建文档”对话框，新建一个HTML文档，输入文本或打开一个含有文本的文档 （2）打开“模板”面板，在其中选择要应用的模板文件，然后单击左下角的“应用”按钮，弹出如图所示的“不一致区域名称”对话框。 （3）在“将内容移到新区域”下拉列表中选择文档所插入的位置，单击“确定”按钮。 3.页面与模板脱离 使用了模板的文档总会收到模板的限制，这样对网页的制作会产生一定的显示。如果页面与模板脱离，用户可以任意修改可编辑区域和不可编辑区域的内容。 如果要让使用了模板的文档脱离模板的控制，可按以下方法操作。 （1）打开应用了模板的文档 （2）选择【修改】-【模板】-【从模板冲分离】命令，则当前文档与模板分离。 （3）此时文档中的不可编辑区域将自动变为可编辑区域。文档实际上已变为了普通文档，用户可以对文档的任何部分进行编辑。 11.1.5 管理模板 在Dreamweaver中，可以对模板进行重命名、删除等操作。 （1）重命名模板 对模板文件进行重命名操作的方法有： 在模板列表框中，单击要重新命名的模板项名称，使其处于可编辑状态，输入文本即可 单击面板右上角的下拉按钮，在弹出的下拉菜单中选择【重命名】命令。 选择要重新命名的模板项名称，单击鼠标右键，在弹出的快捷菜单选择【重命名】命令。 2.删除模板 删除模板的方法有： 在模板列表框中，单击要删除的模板项，单击面板右下角的【删除】按钮。 单击面板右上角的下拉按钮，在弹出的下拉菜单中选择【删除】命令。 选择要删除的模板项名称，单击鼠标右键，在弹出的快捷菜单选择【删除】命令。 12.2库 如果说应用模板是为了避免重复创建网页的框架，那么应用库项目则是为了避免重复输入网页中的内容。所谓库项目，实际上就是文档中的某些内容的组合，如版权的声明、邮箱、地址、电话等。 在dreamweaver中，可以将文档中的任意内容存储为库项目，在网页中定义了库项目后，它就可以在其他网页的任意位置被调用。 12.2.1创建库项目 在Dreamweaver中，库项目可以是文本、表格、表单等任意元素。 创建库项目的操作步骤： 在网页中选定要创建成库项目的元素，如图 选择【修改】-【库】-【增加对象到库】命令，活在“资源”面板中单击“库”按钮，打开设置库属性的界面。单击“新建库项目”按钮，即可在“库”面板中辛苦库项目，如图。 3.在“名称”列下输入库项目的名称，按enter键即可。 12.2.2编辑库项目 创建库项目后，还可以对库项目进行更新、重命名、删除等操作。下面分别介绍。 1.库项目的更新 （1）选择【修改】-【库】-【更新页面】命令，打开“更新页面”对话框，如图所示。 （2）在“查看”下拉列表中选择需要的选项。 （3）选择“库项目”复选框，可以更新站点中的所有库项目。 （4）选择“模板”复选框，可以更新站点中的所有模板。 （5）设置完成后，单击“开始”按钮即可更新库项目 2.重命名库项目 重命名库项目 重命名库项目名称的操作： （1）在“库”面板上选择要重命名的库项目。 （2）执行下列操作之一，输入新名称即可 单击鼠标右键，在弹出的快捷菜单中选择【重命名】命令。 单击“库”面板右上角的下拉按钮，从中选择【重命名】命令。 单击库项目，库项目可变成可编辑状态。 3.删除库项目 删除库项目： 在“库”面板上选择要删除的库项目 单击面板右下角的“删除”按钮。 12.2.3应用库项目 创建好库项目后，即可在网页制作过程中对其进行应用。 （1）打开一个网页，在“资源”面板中选择要应用的库项目，如图。 （2）单击“库”面板左下角的“插入”按钮，即可将库项目应用到网页上。这时库元素以高亮显示，如图。 2.脱离库项目 在实际应用中，有时为了方便对库元素进行编辑，在其“属性”面板中单击“从源文件中分离”按钮，即可将库元素与库脱离，并且可以在文档中对库元素进行修改，如图所示。 12.3上机实践-模板和库元素应用实例 素材见：光盘\素材及效果\web\11\11-3.dwt 效果见：光盘\素材及效果\web\11\11-4.dwt 课堂作业： 利用所学知识创建一个主题为“美图”的模板。 第十二章 模板和库 当用户创建网站时，经常会有大量的重复操作，如在每一个网页上方插入同样的图片，在网页下方输入同样的版权声明等，从而浪费了很多时间。在Dreamweav