创建与应用模板和库.PPT

9.3 库 库主要包括需要重复使用或经常需要对整个站点进行更新的网页元素，在Dreamweaver中库项目一般都放在站点根目录下的库文件夹“Library”中，库项目的文件扩展名为lbi。 3.1 创建库项目 有两种方法创建库项目：创建新的库项目和把现有网页对象转化为库项目。 1.创建新的库项目 （1）执行“窗口”→“资源”命令，打开资源面板，在名称列表中选择“库”项按钮。 （2）单击资源面板下方的 按钮（新建库项目按钮），在资源列表区中出现一个新的库项目，名称为可编辑状态。 9.3.1 创建库项目 （3）在“名称”下输入库项目的名称，按Enter键即可。 2.把现有网页对象转化为库项目 （1）在网页中，选定要创建成库项目的元素。 （2）执行“修改”→“库”→“增加对象到库”命令，该对象将自动转换为一个新的库项目出现在“库”面板中。 （3）在资源管理面板中为该库项目命名即可。 编辑库项目 1.修改库项目 （1）打开“资源”面板，单击“库”按钮，将库列表显示出来，在“名称”下方选中某个库项目双击，或选中某个库项目后，单击面板中的“编辑”按钮，这样库项目文件就可被打开。 （2）在文档窗口中，对打开的库项目进行编辑。 （3）编辑完成后，保存该库项目文件即可。 9.3.2 编辑库项目 2.重命名库项目 （1）选中“库”面板上要重命名的局项目。 （2）执行下列操作之一，即可为库项目重新命名： 单击鼠标右键，在弹出的快捷菜单中选择“重命名”选项。 单击“库”面板右上角的下拉按钮，从中选择“重命名”选项。 单击库项目，库项目变成可编辑状态，直接输入新名称。 9.3.2 编辑库项目 3.删除库项目 （1）选中“库”面板上要删除的库项目。 （2）执行下列操作之一，即可删除某个库项目： 单击鼠标右键，在弹出的快捷菜单中选择“删除”命令。 单击面板右下角的“删除”按钮 。 9.3.2 编辑库项目 应用库项目 创建完库项目后，就可将库项目应用到网页中，具体操作步骤如下： （1）打开要插入库项目的网页，将光标定位到网页中适当的位置。 （2）打开“资源”面板，在名称列表中选择“库”项。 （3）在资源列表区找到要插入的库项目，单击面板中的“插入”按钮，即可将库项目插入到网页中。 如果对库项目插入的位置不满意，可对其进行剪切、复制、粘贴等操作。 9.3.3 应用库项目 更新基于库项目的网页文档 若库项目进行了编辑修改，用户可以选择是否对用了该库项目的所有网页进行更新。 具体操作如下： （1）对“库”面板中的某个库项目进行修改。 （2）执行“文件”→“保存”命令，或按组合键“Ctrl+S”保存修改后的库项目，弹出如下图所示的对话框，提示用户对于所有使用该库项目的文件是否需要更新。 （3）在对话框中决定是否更新网页文件中的库项目。 9.3.4 应用库项目 更新基于库项目的网页文档 通过上面的介绍，了解到库项目的修改会影响所有使用该库项目的网页文件。当用户希望某个网页中所使用的库项目不随库文件改变而改变时，可以把网页中使用的库项目同“库”面板中的库项目（也称源文件）分离。 具体操作方法如下： （1）打开使用了库项目的网页文件。 （2）在网页文件中选择要从源文件分离的库项目。 （3）在该库项目上右击，在弹出的快捷菜单中选择“从源文件中分离”命令，即可将网页中的库项目同源文件分离。 同源文件分离后的库项目将会自动转换成一个可编辑的元素。 9.3.4 应用库项目 实验任务2：库项目综合练习 课堂小结 网站模板的创建、修改、使用，以及综合运用。 库项目的创建、使用和综合使用。 学习情境6- 创建与应用模板和库 主讲教师：张劲勇教学部门：计算机工程系 温故知新 知识回顾 框架网页的基本操作和综合运用。 AP Div层的基本操作和综合应用。 本课堂知识点 了解和理解模板和库的基本概念和基本操作。 掌握模板和库在网站和网页制作中的综合运用。 课堂引入：模板和库的使用 同一站点中网页的Banner、版权、导航等有一部是公共相同的区域，可以考虑定义相同的外观格式。 课堂引入：模板和库的使用 同一站点中不同板块的网页，也有各自的特点和内容差异。可以根据各自需要独立定义。 课堂引入：模板和库的使用 课堂引入：模板和库的使用 课堂引入：模板和库的使用 9.1 模板和库应用 9.1.1 模板 模板是一种特殊的页面文档，当需要制作某种带有共同格式和特征的文档时，可以首先设计一个模板文档，然后利用模板文档设计制作其他的网页。 例如：对于商业站点，大多数文档上通常会出现相同的内容，如公司的徽标和公司的名称等。在编辑网页时，如果在每个文档中都重复添加这些内容，则显得既麻烦，又容易出错。如果将这些格式存储为模板，再通过该模板创建新文档，所生