DreamweaverCS3中文版应用教程第15章库与模板重点内容:•创建库项目•利用库项目更新网站•创建模板•应用模板创建网页•导入导出XML内容DreamweaverCS3中文版应用教程一、库与模板概述•库:是一种特殊的Dreamweaver文件,其中包含可放置到Web页中的一组资源或资源副本。库中的这些资源称为库项目。可在库中存储的项目包括图像、表格、声音和Flash文件。当用户更改某个库项目的内容时,系统会更新所有使用该项目的页面。•模板:是一种特殊类型的文档,可用于设计固定的页面布局。用户可基于该模板创建文档,创建的文档会自动继承模板的页面布局。模板最强大的功能之一在于一次可更新多个页面,从模板创建的文档与该模板保持同步状态,因此可以修改模板即可立即更新基于该模板的所有文档中的设计。DreamweaverCS3中文版应用教程二、使用库项目1.认识“资源”面板中的库选择“窗口”|“资源”命令,显示“资源”面板,或单击“文件”面板组中的“资源”标签,切换至“资源”面板。单击“资源”面板左下角的中的“库”按钮,即可进入“库”类别。DreamweaverCS3中文版应用教程二、使用库项目2.创建库项目•选择“文档”窗口中要另存为库项目的内容或对象,将其拖动至“资源”面板的“库”类别中。•选择“文档”窗口中要另存为库项目的内容或对象,然后单击“资源”面板的“库”类别下的“新建库项目”按钮。•选择“文档”窗口中要另存为库项目的内容或对象,然后选择“修改”|“库”|“增加对象到库”命令。•单击“资源”面板右上角的图标,从弹出的下拉菜单中选择“新建库项”命令。DreamweaverCS3中文版应用教程二、使用库项目3.将库项目添加到网页确定插入点的位置后,从“资源”面板中将一个库项目拖动到“文档”窗口中,或单击面板中的“插入”按钮。DreamweaverCS3中文版应用教程三、编辑与管理库项目1.库项目的属性检查器选择插入到文档中的库项目时,会显示属性检查器。应用该属性检查器可查看库项目的源文件所在位置,打开或分离选择的库项目,或经过编辑后重新创建库项目。DreamweaverCS3中文版应用教程三、编辑与管理库项目2.删除库项目•在“资源”面板中选择要删除的库项目,然后单击“资源”面板中的“删除”按钮。•在“资源”面板中选择要删除的库项目,然后单击“资源”面板右上角的按钮,从弹出的快捷菜单中选择“删除”命令。•在“资源”面板中选择要删除的库项目,然后在选择的库项目名称上右击,从弹出的快捷菜单中选择“删除”命令。DreamweaverCS3中文版应用教程四、利用库项目更新网站修改库项目或更改库项目名称后,选择“修改”|“库”|“更新页面”命令,或在选择的库项目上右击,从弹出的快捷菜单中选择“更新站点”命令,打开“更新页面”对话框。进行相关设置后,单击“开始”按钮即可更新网站。DreamweaverCS3中文版应用教程五、创建模板1.将文档另存为模板选择“文件”|“另存为模板”命令,打开“另存模板”对话框。在对话框中设置好模板名称及描述后单击“保存”按钮,在打开的询问“要更新链接吗?”的提示对话框中单击“是”按钮,即可将文档另存为模板。DreamweaverCS3中文版应用教程五、创建模板2.创建可编辑区域选择要设为可编辑区域的文本或内容,或将插入点置于某区域内,选择“插入记录”|“模板对象”|“可编辑区域”命令,打开“新建可编辑区域”对话框。输入可编辑区域的名称,然后单击“确定”按钮。注意:在为同一文档中的不同可编辑区域命名时,不能使用相同的名称。DreamweaverCS3中文版应用教程五、创建模板3.创建重复区域选择想要设置为重复区域的对象,然后选择“插入记录”|“模板对象”|“重复区域”命令,打开“新建重复区域”对话框,在“名称”文本框中输入名称,单击“确定”按钮。DreamweaverCS3中文版应用教程五、创建模板4.定义可编辑标记属性在文档窗口下方的标记选择器中选择标记,然后选择“修改”|“模板”|“令属性可编辑”命令,打开“可编辑标签属性”对话框。进行各选项设置,单击“确定”按钮。DreamweaverCS3中文版应用教程五、创建模板5.模板高亮显示参数选择“编辑”|“首选参数”命令,打开“首选参数”对话框。选择“分类”列表框中的“标记色彩”选项,切换到“标记色彩”选项页。根据需要设置不同选项颜色。DreamweaverCS3中文版应用教程六、基于模板创建文档选择“文件”|“新建”命令,打开“新建文档”对话框。单击左侧“模板中的页”标签,从“站点”列表框中选择模板所在站点,从右侧列表框中选择所需的模板。完成设置后单击“确定”按钮。DreamweaverCS3中文版应用教程七、导入和导出模板为XML1.导出可编辑区域内容为XML选择“文件”|“导出”|“作为XML的数据模板”命令,打开“以XML形式导出模板数据”对话框。选择所需的选项后,单击“确定”按钮,在打开的“以XML形式导出模板数据”对话框中输入XML文件的名称(扩展名为.xml)并单击“保存”按钮,完成导出操作。DreamweaverCS3中文版应用教程七、导入和导出模板为XML2.导入XML内容选择“文件”|“导入”|“XML到模板”命令,打开“导入XML”对话框。选择要导入的XML文件,单击“打开”按钮。DreamweaverCS3中文版应用教程八、思考•如何将已有文件转换成模板?•如何设置可编辑区域?•如何设置重复区域?•更改了库项目或模板后,如何更新网站?•如何将Dreamweaver制作的模板导出为XML文件?DreamweaverCS3中文版应用教程本章小结:•了解创建库项目的方法•了解应用模板创建网页的方法•掌握为网页添加库项目和编辑库项目的方法•了解如何导入导出XML内容