网页模板的创建与应用.pptVIP

网页模板的创建与应用 创建模板 模板的创建 模板的应用 模板的修改和更新 * * 模板是一种特殊的网页元素定位技术 。 它是专门用来创建其他文档的基础文档 。 Dreamveaver 中的模板是用来创建风格一致的网页，并可在需要更新时同时更新多个网页。利用模板使得创建网页和更新网页变得快速、高效。 与一般网页的区别 保存文件时，选择菜单文件/另存为模板命令，其后缀名都是.dwt。 网页中重复使用的信息，可以被锁定或设置为不可编辑qu，而变化的部分设置为可编辑区，以便设计不同页面时改变这些内容。 案例 创建模板 制作要求： 在模板中， 我们将页面的布局、站点标题、站点导航按钮、站点的二级导航菜单以及页面底部的导航条和说明，这些多个页面均有的页面元素设定为被锁定部分，右侧信息部分设置为可编辑区域。 制作步骤 1.创建一个新页面，设置页面布局。 2. 插入要锁定的页面元素。包括站点标题（顶部）、导航按钮、二级导航（左侧）、底部导航条和说明文字。 3.保存为模板文件 。该文件扩展名为dwt ,保存在站点中生成的特定文件夹里。 创建模板既是为了节省网站的开发时间，也是为了统一网站的风格，更是便于对网站和网页进行管理和修改。 示例效果 4. 设置模板的可编辑区。单击选择模板选项，显示其工具包括新建模板、创建嵌套模板、设置可编辑区域、设置可选区域、设置重复区域、设置可编辑的可选区域、设置重复表格。本例选择设为可编辑区域并设置。 5. 若修改可编辑区为锁定区域，则选中要修改的可编辑区域，然后使用取消可以编辑区域名令，即可恢复。 6.保存文件 。 模板已经创建完成，接下来学习如何使用模板设计网页。 制 作 步 骤 应用模板有两种方法：一种方法是用模板创建新的文档，另一种方法是把模板应用于现有的文档。 案例 应用已有模板 制作要求： 应用一个已经制作好的模板，创建一个新的页面，并对可编辑区域进行编辑和修改。。 制 作 步 骤 1.单击菜单File∣New命令弹出新建文档对话框。 2. 单击标签Templates栏，左边是站点列表栏，右边是当前站点下的模板文档列表。 3. 在站点列表栏中选择当前站点，在模板文档列表中要应用的模板，单击按钮创建了一个新的页面 。 示例效果 4. 在新页面的可编辑区域中，加入新的内容后，保存文件。 制 作 步 骤 1.打开已有模板，然后对模板区域设置进行修改。 2. 保存该模板文件后，出现更改文件对话框 。单击更新可以使用该模板所设计页面全部会更改。 总结： 模板文档既可由已有的页面另存为模板，也可在新建文档时，直接创建模板文档。 如果要对应用了模板的页面的锁定区域进行修改，就像编辑没有应用模板的页面一样，则需要先将页面从模板中分离出来。 通过修改模板来更新网页，可以使大量的重复工作得以瞬间完成 。