Dreamweaver 8基础与实例教程 马宪敏 第7章新.pptVIP

第7章 应用模板制作网页 第7章 应用模板制作网页 7.1 创建模板 7.2 模板应用实例 7.1 创建模板 7.1.1 新建模板页面 7.1.2 模板中的可编辑区域 7.1.3 删除可编辑区域 7.1.1 新建模板页面 单击“文件”菜单下的“新建”菜单命令，弹出“新建文档”对话框，选中“类别”栏内的“模板页”选项，再选中“模板页”栏内的“HTML模板”选项，然后单击“创建”按钮，就会出现新模板页。 7.1.2 模板中的可编辑区域 Dreamweaver中的模板文档包括可编辑区域和不可编辑区域两个部分。将模板中的区域设置为可编辑区域后，就可以基于模板创建新的页面了，在创建的新页面中，可编辑区域是可以编辑的，而其他区域都是不可编辑区域，这些区域是被锁定的，只能回到模板页面去修改，所以模板中的可编辑区域是模板最重要的组成部分。 定义可编辑模板区域的具体操作步骤如下： 1.在“文档”窗口中，将插入点放在想要插入可编辑区域的地方。然后选择“插入”菜单中的“模板对象”菜单，在级联菜单中单击“可编辑区域”命令。或在“插入”栏的“常用”类别中，单击“模板”按钮上的箭头，然后选择“可编辑区域”，打开“新建可编辑区域”对话框，在“名称”文本框中为该区域输入惟一的名称， 2.在“名称”文本框中为该区域输入唯一的名称，然后，单击“确定”按钮，在光标所在位置出现可编辑区域。 7.1.3 删除可编辑区域 单击可编辑区域左上角的选项卡以选中它。然后选择“修改”菜单中“模板”选项，在级联的子菜单中单击“删除模板标记”。完成操作后，该区域不再是可编辑区域。 7.2 模板应用实例 使用Dreamweaver模板可以轻松创建风格一致的网页，并且使用模板可以方便地维护站点，轻轻松松便能创建并管理大量的网页。通过一个完整的实例说明模板在网站中的应用，如图所示为打开的“公司简介”页面的效果，然后依次是“产品介绍”效果图、“最新动态”效果图。