十 三.使用模板和库
十三.使用模板和库 第13章 模板的使用 1.掌握创建模板的方法 2. 掌握定义模板的可编辑区域的方法 3. 掌握创建应用模板的文档的方法 4. 掌握创建、管理和编辑库项目的方法
十三.使用模板和库 在DW中,用户可以将现有的HTML文档创建为模板,然 后根据需要加以修改,或者创建一个空白模板,在其 1. 创建模板 在DW中,用户可以将现有的HTML文档创建为模板,然 后根据需要加以修改,或者创建一个空白模板,在其 中输入需要显示的文档内容。模板实际上是一个扩展 名为.dwt的示例文档,它存放在根目录的Templates文 件夹中。模板文件夹并不是从来就有的,它是在创建 模板的时候自动生成的。
十三.使用模板和库 1.1 将现有文档保存为模板 “文件”菜单-“另存为模板” 1.2 创建空白模板 “资源”面板-在资源类型中选择“模板” ① 打开模板面板: “资源”面板-在资源类型中选择“模板” ② 右键点击“新建模板”创建一个空白的模板 (注意:如果模板面板里面原来是空白的时候,即什 么都没有的第一次情况下,有时“新建模板”按钮 会显示不起作用,正常应该是可以的)
十三.使用模板和库 1.3 编辑模板 直接双击打开进行编辑: 在保存时,如果没有可编辑区域,会出现警告信息 删除模板 重命名:
十三.使用模板和库 2. 定义模板的可编辑区域 在模板中,包括两种类型的区域,一种是可编辑区 域,一种是锁定区域(也称非可编辑区域)。对于应 用模板的页面,可编辑区域中的内容可以改变,锁定 区域的内容始终保持不变。 默认情况下,新创建的模板的所有区域都处于锁定状 态,因此要使用模板,必须将模板中的某些区域设置 为可编辑区域。
十三.使用模板和库 DW有能力定义每个模版页面中模版控制的部分和个别 部分的定义。你可以在模版区域中完成这些工作。DW 支持四种区域: 1.可编辑区域: 这个是基于模版的页面的一部分。你可以自由的编辑 并对模版或者任何其他的基因模版的页面没有任何影 响。
十三.使用模板和库 2.可选择区域: 这些块的内容呈现在模版中,但是你可以显示或者隐 藏基于模版的页面。比如,一个站点需要一个登陆来 在一个仅有的区域让成员登陆,你可以在工具条中放 置一个小的登陆表格,这样,你就可以简单的在公共 页面上显示登陆窗口并把它放在只有你会员可见的地 方。可选的区域可以包含被锁的内容或者可编辑的区 域。 通过“修改-模板属性”使到其是否显示
十三.使用模板和库 3.重复区域: 这个块中的内容用户可以复制。比如,模版的新页面 包括了一个重复区域,这个区域包含了预先格式的标 题和body文本占位符作为一个新的项目。用户可以简 单的点击一下按钮添加或者删除单独的新项目。
十三.使用模板和库 4.锁定的区域: 这个是模版的其他部分,这个部分的任何一块都不能 被其他区域定义。你不能在Dreamweaver中编辑锁定的 区域中的任何一个基于模版的页面。为了改变锁定的 区域的内容,你可以编辑模版代替编辑页面。
十三.使用模板和库 2.1 定义和锁定可编辑区域 ①确保“查看菜单-可视化助理-不可见元素”开启 ②要定义现有模板内容作为可编辑区域,可在模板文中选择需要将其设置为可编辑区域的文本或其它内容 ③然后选择“插入-常用-模板-可编辑区域”,注意可编辑区域名称不能有重复。 ④如果要锁定可编辑区域(即去除可编辑区域),选中该区域,“修改菜单-模板-删除模板标记”(注意:如果直接按delete键会是什么情况?虽然可以删除,但是......)
十三.使用模板和库 2.2 设置模板参数 编辑菜单-首选参数-编辑色彩
十三.使用模板和库 2.3 查看可编辑区域和锁定区域 在模板文件和应用模板的文档中,可编辑区域在文档窗口的设计视图中加以颜色加亮的矩形框显示,并且在每个可编辑区域的左上角的标签中都会显示该区域的名称。 在模板文件中,仅可编辑区域使用加亮颜色标记出外框,用户可以改变可编辑区域和锁定区域的内容。
十三.使用模板和库 在应用模板的文档中,除了可以显示可编辑区域 的边界外,整个页面周围也将显示一个加亮的颜 色外框,在页面右上角的标签中,显示当前文档 应用模板的名称。 在应用模板的文档中,只有在可编辑区域中才能 进行编辑和修改,在锁定区域中,无论光标移动 到那里,都将显示不可编辑状态。
十三.使用模板和库 2.4 在模板中使用样式、时间线、行为和头标记 在应用模板的文档中,并不是所有的css样式、时间线、行为和头标记都能够被支持。所有这些元素的插入信息都存放在文档的头部,一旦应用模板文档的头部区域锁定(除文档标题外),DW将不能在文档中插入样式表或Javascript代码。要想在应用文档中使用这些项目,必须将它们添加到文档应用的模板中。
十三.使用模板和库 如果将这些元素添加到模板文档中还是不可用,这时需要将文档从模板中分离出来,将头部区域设置为可编辑区域。但是,当文档从模板中分离,如果模板被改变,文档将不能被更新。
十三.使用模板和库 3. 创建应用模板的文档 3.1 创建应用模板的文档 从现有的文档新建网页文件: “文件菜单-新建-模板”选择具体那个模板新建页面
十三.使用模板和库 3.2 在现有的文档上应用模板 在资源面板中选择相应模板,点击应用,或直接把模板拖动到文档中。 如果现有文档存在不能自动指定到模板区域中的内容,则系统将打开“不一致的区域名称”对话框,它将列出要应用的模板中的所有可编辑区域。利用它可以为不一致的内容指定目标区域。
十三.使用模板和库 在对话框中选择未解析的内容后,在“将内容移到新区域”下列列表框中选择区域。如果选择“不在任何地方”,则将删除所选内容。若要将所有非解析的内容移动到选定的区域,可单击“用于所有内容”。
十三.使用模板和库 如果要撤消应用模板,可选择“编辑-撤消应用模板”(即后退撤消操作) 在模板中,所有可编辑区域都列举在“修改菜单-模板”在菜单的最下面,使用它们可以快速选择和编辑区域内容。
十三.使用模板和库 3.3 从模板中分离文档 “修改菜单-模板-从模板中分离”
十三.使用模板和库 3.4 更新基于模板的页面 ① 打开和修改文档基于的模板 要打开和修改文档应用的模板,可选择“修改菜单-模板-打开附加面板”,这是将在新窗口中显示打开的模板。根据需要,可以修改模板相应内容。 ②更新当前文档 保存更改过的模板后,系统将打开“更新模板文档”。此外,当文档基于的模板被修改后,打开要更新的文档,然后“编辑菜单-模板-更新当前页”将当前文档更新。 ③更新整个站点或所有使用特定模板的文档 “修改菜单-模板-更新页面”
十三.使用模板和库 4.库项目 存放各种多个页面中重复使用的页面元素。 库文件的扩展名为.lbi,默认路径为“站点文件夹\library”