Dreamweaver 8中文版实用教程 -颜辉 第11章_使用模板创建页面.ppt

第11章使用模板创建页面 11.1 模板简介 11.* ? 2007 第11章 使用模板创建页面 在线教务辅导网： 教材其余课件及动画素材请查阅在线教务辅导网 QQ:349134187 或者直接输入下面地址： 教学目的 了解模板及其基本特点 掌握模板的创建、使用与保存 掌握使用模板创建页面的方法与技巧 本章内容 模板简介 创建模板 使用资源模板 定义模板可编辑区域 创建基于模板的文档 设置模板参数 模板应用 模板简介 可编辑区域 允许修改 标题与内容 不可编辑区域 只在模板中方可修改 页面整体风格一致 模板文件的保存 站点的模板文件保存在本地站点目录下的模板文件夹中，模板文件的扩展名为.dwt。如果模板文件夹不存在，当保存新模板时Dreamweaver将自动创建一个。打开站点面板就可以看到。 模板文件夹 创建模板 11.2 创建模板 将现有文件保存为模板 创建空白模板 将现有文件保存为模板 选择“文件”→“打开”命令打开一个现有文档。 在Dreamweaver文档窗口中编辑该文档。 编辑完毕后，选择“文件”→“另存为模板”命令，出现“另存为模板”对话框。 在该对话框中进行如下设置： 在“站点”下拉菜单中选取站点。 在“另存为”文本框中输入模板名称。 单击“保存”按钮，将模板文件保存到站点的模板文件夹中。 创建空白模板 1．打开Dreamweaver资源面板 选择“窗口”→“资源”命令，或按下快捷键F11。 单击资源面板左侧的模板按钮 ，打开模板分类，在列表中显示当前站点所有的模板文件，列表的顶部可以预览选择的模板。 模板按钮 创建空白模板 2．单击资源面板底部的新建模板按钮 ，在资源面板的列表中出现名为Untitled的新模板。 3. 为该模板输入名称Danny，按下Enter键，如图所示为创建了一个新的空白模板Danny。 使用资源模板 11.3 使用资源模板 编辑模板 应用模板 重命名模板 删除模板 编辑模板 1．在资源面板中选择要编辑的模板文件，然后执行下列步骤之一 双击模板名称。 单击单击资源面板底部工具栏上的编辑按钮 。 2．在文档窗口中打开并编辑模板文件，定义可编辑区域。 3. 保存编辑好的模板文件。 如果模板没有定义任何可编辑区域，将弹出如图11.5所示的警告框，警告目前模板不包含任何可编辑区域，单击“应用”按钮保存该模板。因为不包含任何可编辑区域，虽然可以编辑该模板文件，但是不能编辑基于该模板的文档。 应用模板 打开文档。 在资源面板的列表中选取要应用的模板。 单击资源面板底部工具栏上的 按钮。 重命名模板 在资源面板的列表中单击选择模板，稍顿，再次单击。 当名称变为可编辑时，输入新名称。 按回车键，或者单击其他地方。 双击模板名称将在文档窗口中打开模板文件。右击模板名称，在弹出的快捷菜单中选择“重命名”命令，也可以完成重命名模板的操作。 删除模板 在资源面板的列表中选择要删除的模板，单击底部工具栏上的删除按钮，经确认后删除该模板。 模板文件删除后，基于该模板的文档仍保留着原来的结构和属性，这是因为这些文档并未从模板分离，如果要同模板分离，选择“修改”→“模板”→“从模板中分离”命令即可。 定义模板可编辑区域 11.4 定义模板可编辑区域 新建可编辑区域 删除可编辑区域 非编辑区域 可编辑区域 新建可编辑区域 如果模板中没有定义可编辑区域，基于该模板的文档就不能进行编辑。所以，在应用模板之前，必须定义模板的可编辑区域。 1．选择模板文件中要转换为可编辑区域的内容。 2. 执行下列操作之一： 选择“插入”→“模板对象”→“可编辑区域”命令。 右击选定的内容，从快捷菜单中选择“模板”→“可编辑区域”命令。 单击常用面板模板按钮列表的可编辑区域按钮。 1．在打开的“新建可编辑区域”对话框中，为可编辑区域输入惟一的名称。 新建可编辑区域 模板中的可编辑区域被高亮显示的矩形外框包围起来，可编辑区域的名称显示在左上角。 可以将整个表格或者单个的单元格定义为可编辑，但是不能将多个单元格定义为可编辑。层和层中的内容是隔离的元素。若将层定义为可编辑，则既可以改变层的内容，也可以改变层的位置；若将层的内容定义为可编辑，则只能改变层的内容，而不能改变其位置。 可编辑区域名 删除可编辑区域 选择模板中要删除的可编辑区域。 选择命令“修改”→“模板”→“删除模板标记”。 锁定区域 可编辑区域 只有模板才可以删除可编辑区域，基于模板的文档不能执行该操作。 创建基于模板的文档 使用新建文档对话框