第13章模板和库剖析.ppt

第13章 模板和库 本章学习内容 13.1 案例1 设计时尚礼品网页 13.2 案例2 应用库项目 13.3 实训 13.1 案例1 设计时尚礼品网页 学习目标:认识模板，掌握创建模板、编辑模板和管理模板的方法，通过创建基于模板的网页提高制作站点的效率，并从中领会到模板的精妙所在。 知识要点:创建模板，定义可编辑区域，创建基于模板的网页，管理模板等。 13.1 案例1 设计时尚礼品网页 13.1 案例1 设计时尚礼品网页 13.1 案例1 设计时尚礼品网页 13.1.1 模板概述 模板是一种特殊类型的文档，其扩展名为.dwt。制作大量 相同或相似的网页，只需要在页面布局设计好之后将它保存为 模板页面，然后就可以利用模板创建多个相同布局的网页。对 于使用模板生成的网页文档，仍然可以进行修饰，当改变一个 模板时，可以同时更新使用了该模板的所有文档，这样就大大 提高了设计者的工作效率。 模板由可编辑区域和不可编辑区域两部分组成。不可编 辑区域包含了所在页面中的共同元素，即构成页面的基本框 架，称为锁定区域。可编辑区域的相应内容是可以编辑的，是 区别网页之间最明显的标志，该区域常用来定义网页的具体内 容，从而得到与模板类似，但又有不同内容的新网页。 13.1 案例1 设计时尚礼品网页 13.1.2 创建模板 1．创建空模板 创建空模板有以下几种方法。 方法一：使用菜单命令创建空模板。选择“文件→ 新建”命令，弹出“新建文档”对话框，在最左侧一栏中 选择“空模板”，在“模板类型”栏中选择需要的模板类 型，如选择“HTML模板”，在“布局”栏中选择模板的页 面布局“无”。 方法二：通过“资源”控制面板创建空模板。在打开 的文档窗口中，单击“窗口→资源”命令打开“资源”控制 面板，单击【模板】按钮 。 13.1 案例1 设计时尚礼品网页 方法三：使用“创建模板”按钮创建空模板。 在打开的Dreamweaver文档窗口中，单击“插 入”面板“常用”类别中的【模板】按钮，在打开 的列表中单击按钮，打开“另存模板”对话框， 指定用于保存模板的站点、模板名，单击【保 存】按钮即可将当前文档转换为模板文档。 方法四：在“资源”控制面板的“模板”列表中 单击鼠标右键，在弹出的快捷菜单中选择“新建 模板”命令。 13.1 案例1 设计时尚礼品网页 13.1.3 定义模板的可编辑区域 在默认情况下，新创建的模板的所有区域都处于被锁定 状态。因此，要使用模板，必须将模板中的某些区域设置为 可编辑区域。 在“资源”面板的“模板”列表中选择要定义可编辑区域的模 板，单击控制面板右下方的【编辑】按钮或双击模板名后， 就可以在文档窗口中编辑该模板了。 启用 “新建可编辑区域”对话框的方法： 选择“插入→模板对象→可编辑区域”命令。 单击“插入”面板“常用”类别中的【模板】下拉式按钮 ，在打开的列表中单击“可编辑区域”按钮 。 按下Ctrl+Alt+V组合键。 13.1 案例1 设计时尚礼品网页 定义可编辑区域时需要注意的问题如下。 为可编辑区域命名时，不能对一个模板中的多个可编辑区域使用相同的名称。 可编辑区域的名字不能使用特殊字符。 可以将整个表格或单独的表格单元格标志为可编辑的，但不能将多个表格单元格标志为单个可编辑区域。 在普通网页文档中插入一个可编辑区域时，系统会警告该文档将自动另存为模板。 不能嵌套插入可编辑区域。 13.1 案例1 设计时尚礼品网页 13.1.4 应用模板制作网页 创建模板后，接下来就是使用模板创建新的 网页文档。以模板为基础创建新的网页文档有 两种方法：一种是使用“新建”命令创建基于模 板的新文档；另一种是应用“资源”控制面板中 的“模板”面板来创建基于模板的网页。 13.1.5 管理模板 创建模板后，可以对模板进行重命名、修 改、更新或删除等操作。 13.2 案例2 应用库项目 学习目标：认识库，掌握创建库、应用库的方法，通过库项目更新站点中所有运用该库元素的页面。 知识要点：创建库元素，应用库元素，管理库元素。 13.2 案例2 应用库项目 13.2 案例2 应用库项目 13.2.1 库概述 在Dreamweaver中，用户可以把网站中需要重复 使用或者经常更新的页面元素（如文本、图像、表 格、表单、插件、版权声明、站点导航条等）存入库 中，存入库中的元素称为库项目。 Dreamweaver会自动将库项目存放在每个本地站 点根目录中的Library文件夹中，并以.lbi作为扩展名。 对库项目的创建、删除、编辑、改名等操作主要是通 过“库”面