十 三.使用模板和库.

Presentation on theme: "十 三.使用模板和库."— Presentation transcript:

1 十 三.使用模板和库

2 十三.使用模板和库 第13章 模板的使用 1.掌握创建模板的方法 2. 掌握定义模板的可编辑区域的方法 3. 掌握创建应用模板的文档的方法
4. 掌握创建、管理和编辑库项目的方法

3 十三.使用模板和库 在DW中，用户可以将现有的HTML文档创建为模板，然 后根据需要加以修改，或者创建一个空白模板，在其
1. 创建模板 在DW中，用户可以将现有的HTML文档创建为模板，然 后根据需要加以修改，或者创建一个空白模板，在其 中输入需要显示的文档内容。模板实际上是一个扩展 名为.dwt的示例文档，它存放在根目录的Templates文 件夹中。模板文件夹并不是从来就有的，它是在创建 模板的时候自动生成的。

4 十三.使用模板和库 1.1 将现有文档保存为模板 “文件”菜单－“另存为模板” 1.2 创建空白模板 “资源”面板－在资源类型中选择“模板”
① 打开模板面板： “资源”面板－在资源类型中选择“模板” ② 右键点击“新建模板”创建一个空白的模板 （注意：如果模板面板里面原来是空白的时候，即什 么都没有的第一次情况下，有时“新建模板”按钮 会显示不起作用，正常应该是可以的）

5 十三.使用模板和库 1.3 编辑模板 直接双击打开进行编辑： 在保存时，如果没有可编辑区域，会出现警告信息 删除模板 重命名：

6 十三.使用模板和库 2. 定义模板的可编辑区域 在模板中，包括两种类型的区域，一种是可编辑区 域，一种是锁定区域（也称非可编辑区域）。对于应
用模板的页面，可编辑区域中的内容可以改变，锁定 区域的内容始终保持不变。 默认情况下，新创建的模板的所有区域都处于锁定状 态，因此要使用模板，必须将模板中的某些区域设置 为可编辑区域。

7 十三.使用模板和库 DW有能力定义每个模版页面中模版控制的部分和个别 部分的定义。你可以在模版区域中完成这些工作。DW 支持四种区域：
1.可编辑区域： 这个是基于模版的页面的一部分。你可以自由的编辑 并对模版或者任何其他的基因模版的页面没有任何影 响。

8 十三.使用模板和库 2.可选择区域： 这些块的内容呈现在模版中，但是你可以显示或者隐 藏基于模版的页面。比如，一个站点需要一个登陆来
在一个仅有的区域让成员登陆，你可以在工具条中放 置一个小的登陆表格，这样，你就可以简单的在公共 页面上显示登陆窗口并把它放在只有你会员可见的地 方。可选的区域可以包含被锁的内容或者可编辑的区 域。 通过“修改－模板属性”使到其是否显示

9 十三.使用模板和库 3.重复区域： 这个块中的内容用户可以复制。比如，模版的新页面 包括了一个重复区域，这个区域包含了预先格式的标
题和body文本占位符作为一个新的项目。用户可以简 单的点击一下按钮添加或者删除单独的新项目。

10 十三.使用模板和库 4.锁定的区域： 这个是模版的其他部分，这个部分的任何一块都不能
被其他区域定义。你不能在Dreamweaver中编辑锁定的 区域中的任何一个基于模版的页面。为了改变锁定的 区域的内容，你可以编辑模版代替编辑页面。

11 十三.使用模板和库 2.1 定义和锁定可编辑区域 ①确保“查看菜单－可视化助理－不可见元素”开启
②要定义现有模板内容作为可编辑区域，可在模板文中选择需要将其设置为可编辑区域的文本或其它内容 ③然后选择“插入－常用－模板－可编辑区域”,注意可编辑区域名称不能有重复。 ④如果要锁定可编辑区域（即去除可编辑区域），选中该区域，“修改菜单－模板－删除模板标记”（注意：如果直接按delete键会是什么情况？虽然可以删除，但是......）

12 十三.使用模板和库 2.2 设置模板参数 编辑菜单－首选参数－编辑色彩

13 十三.使用模板和库 2.3 查看可编辑区域和锁定区域
在模板文件和应用模板的文档中，可编辑区域在文档窗口的设计视图中加以颜色加亮的矩形框显示，并且在每个可编辑区域的左上角的标签中都会显示该区域的名称。 在模板文件中，仅可编辑区域使用加亮颜色标记出外框，用户可以改变可编辑区域和锁定区域的内容。

14 十三.使用模板和库 在应用模板的文档中，除了可以显示可编辑区域 的边界外，整个页面周围也将显示一个加亮的颜
色外框，在页面右上角的标签中，显示当前文档 应用模板的名称。 在应用模板的文档中，只有在可编辑区域中才能 进行编辑和修改，在锁定区域中，无论光标移动 到那里，都将显示不可编辑状态。

15 十三.使用模板和库 2.4 在模板中使用样式、时间线、行为和头标记
在应用模板的文档中，并不是所有的css样式、时间线、行为和头标记都能够被支持。所有这些元素的插入信息都存放在文档的头部，一旦应用模板文档的头部区域锁定（除文档标题外），DW将不能在文档中插入样式表或Javascript代码。要想在应用文档中使用这些项目，必须将它们添加到文档应用的模板中。

16 十三.使用模板和库 如果将这些元素添加到模板文档中还是不可用，这时需要将文档从模板中分离出来，将头部区域设置为可编辑区域。但是，当文档从模板中分离，如果模板被改变，文档将不能被更新。

17 十三.使用模板和库 3. 创建应用模板的文档 3.1 创建应用模板的文档 从现有的文档新建网页文件:
“文件菜单－新建－模板”选择具体那个模板新建页面

18 十三.使用模板和库 3.2 在现有的文档上应用模板 在资源面板中选择相应模板，点击应用，或直接把模板拖动到文档中。
如果现有文档存在不能自动指定到模板区域中的内容，则系统将打开“不一致的区域名称”对话框，它将列出要应用的模板中的所有可编辑区域。利用它可以为不一致的内容指定目标区域。

19 十三.使用模板和库 在对话框中选择未解析的内容后，在“将内容移到新区域”下列列表框中选择区域。如果选择“不在任何地方”，则将删除所选内容。若要将所有非解析的内容移动到选定的区域，可单击“用于所有内容”。

20 十三.使用模板和库 如果要撤消应用模板，可选择“编辑－撤消应用模板”（即后退撤消操作）
在模板中，所有可编辑区域都列举在“修改菜单－模板”在菜单的最下面，使用它们可以快速选择和编辑区域内容。

21 十三.使用模板和库 3.3 从模板中分离文档 “修改菜单－模板－从模板中分离”

22 十三.使用模板和库 3.4 更新基于模板的页面 ① 打开和修改文档基于的模板 要打开和修改文档应用的模板，可选择“修改菜单－模板－打开附加面板”，这是将在新窗口中显示打开的模板。根据需要，可以修改模板相应内容。 ②更新当前文档 保存更改过的模板后，系统将打开“更新模板文档”。此外，当文档基于的模板被修改后，打开要更新的文档，然后“编辑菜单－模板－更新当前页”将当前文档更新。 ③更新整个站点或所有使用特定模板的文档 “修改菜单－模板－更新页面”

23 十三.使用模板和库 4.库项目 存放各种多个页面中重复使用的页面元素。 库文件的扩展名为.lbi，默认路径为“站点文件夹\library”