第十三讲模板和库.pptVIP

第十三章　模板和库 第十三章　模板和库 本章学习要点： 模板应用 库应用 13.1案例1创建基于模板的网页 〖学习目标〗认识模板，掌握创建模板、编辑模板和管理模板的方法，通过创建基于模板的网页提高制作站点的效率，并从中领会到模板的精妙所在。 〖知识要点〗创建模板；定义可编辑区域；创建基于模板的网页；管理模板等。基于模板的两个网页效果分别如下图所示。 13.1.1 模板概述 在Dreamweaver CS3中共有4种类型的模板区域： 可编辑区域：基于模板的文档中未锁定的区域，也就是模板用户可以编辑的部分。 重复区域：是文档中重复显示的部分，例如，表格的行可以重复显示多次。在模板中定义重复区域，可以让用户在网页中创建可扩展的列表，并可保持模板中表格的设计不变。 在模板中插入的重复区域有两种：重复区域和重复表格。 可选区域：在模板中指定为可选的部分，用于保存有可能在应用模板的文档中出现的内容，如可选文本或图像。 可编辑标签属性：用于对模板中的标签属性解除锁定，这样便可以在应用模板的页面中编辑相应的属性。 13.1.2 创建模板 1．创建空模板 方法一：使用菜单命令创建空模板 方法二：使用“创建模板”按钮创建空模板。 方法三：通过“资源”控制面板创建空模板。 方法四：在“资源”控制面板的“模板”列表中单击鼠标右键，在弹出的快捷菜单中选择“新建模板”命令 2．将现有文档存为模板 13.1.3 定义模板的可编辑区域 创建模板后，网站设计者需要根据用户的需求对模板的内容进行编辑，指定哪些内容是可以编辑的，哪些内容是不可以编辑的。不可编辑区域是指基于模板创建的网页中固定不变的元素，该区域是锁定区域；可编辑模板区域是基于模板的文档中的未锁定区域，它是模板用户可以编辑的部分。要让模板生效，模板应该至少包含一个可编辑区域，否则，将无法编辑该模板的页面。 在默认情况下，新创建的模板所有区域都处于被锁定状态。因此，要使用模板，必须将模板中的某些区域设置为可编辑区域。 13.1.4 创建基于模板的网页 创建模板后，接下来就是基于模板创建新的网页文档。以模板为基础创建新的网页文档有两种方法： 一种是使用“新建”命令创建基于模板的新文档； 另一种是应用“资源”控制面板中的模板来创建基于模板的网页。下 13.1.5 管理模板 创建模板后，可以对模板进行重命名、修改、更新或删除操作。 1．重命名模板文件 2．修改模板文件 3．更新站点 4．删除模板文件 13.2案例2 使用库更新网页 〖学习目标〗认识库，掌握创建库、应用库的方法，通过库项目更新站点中所有运用该库元素的页面。 〖知识要点〗创建库元素；应用库元素；管理库元素。效果如下图所示 。 13.2.1 库概述 库是一种特殊的Dreamweaver文件，是存储重复使用的页面元素（如文本、图像、表格、表单、插件、版权声明、站点导航条等等）的集合，库文件也称为库项目。 当在文档中插入库中的一个元素时，Dreamweaver会把定义该元素的HTML源代码插入到当前文档中，并且创建一个链接原始外部项目的参考信息，正是这个参考信息才能让网页更新。在修改了库元素之后，只要执行一个简单的菜单命令，就可以更新站点中所有运用该库元素的页面。 Dreamweaver会自动地将“库项目”存放在每个本地站点根文件夹内的Library文件夹中，并以.lbi作为扩展名。 库的应用： 创建库项目 设置库属性 在网页中应用库项目 更新库文件 谢 谢！ 网页设计与制作 网页设计与制作 网页设计与制作