Dreamweaver80第二十八 讲使用模板设计网页.doc

第二十八 讲使用模板设计网页 在上一讲中，我们学习了插入和编辑多媒体对象和实现丰富多彩的“行为”效果。在本讲中，我们将学习如何使用模板提高设计工作效率。通过本讲的学习，我们希望达到下面的学习目标： ◆ 掌握查看模板的方法； ◆ 掌握编辑和更新模板的方法； ◆ 学会管理模板； 学会修改模板属性。 28.1 管理模板 Macromedia Dreamweaver MX 2004 模板是一种特殊类型的文档，用于设计风格统一的页面布局。用户可以基于模板创建文档，从而使创建的文档继承模板的页面布局。使用模板可以控制大的设计区域，以及重复使用完整的布局。如果要重复使用个别设计元素，如站点的版权信息或徽标，可以创建库项目。 模板创作者在模板中设计风格统一页面布局。然后创作者在模板中创建可在基于该模板的文档中进行编辑的区域。如果创作者没有将某个区域定义为可编辑区域，那么模板用户就无法编辑该区域中的内容。使用模板，模板创作者控制哪些页面元素可以由其他 Web 开发人员进行编辑。 模板最强大的用途之一在于一次更新多个页面。从模板创建的文档与该模板保持连接状态。可以修改模板并立即更新基于该模板的所有文档中的设计。 将文档另存为模板时，Dreamweaver 自动锁定文档的大部分区域。模板创作者指定基于模板的文档中的哪些区域可编辑，方法是在模板中插入可编辑区域或可编辑参数。创建模板时，可编辑区域和锁定区域都可以更改。但是，在基于模板的文档中，模板用户只能在可编辑区域中进行更改，无法修改锁定区域。共有四种类型的模板区域： ? ◇“可编辑区域”是基于模板的文档中的未锁定区域。它是模板用户可以编辑的部分。模板创作者可以将模板的任何区域指定为可编辑的。要让模板生效，它应该至少包含一个可编辑区域，否则，将无法编辑基于该模板的页面。 ? ◇“重复区域”是文档中设置为重复的布局部分。用户可以在模板中插入两种类型的重复区域：重复区域和重复表格。 ? ◇“可选区域”是用户在模板中指定为可选的部分，用于保存有可能在基于模板的文档中出现的内容，如可选文本或图像。在基于模板的页面上，模板用户通常控制是否显示内容。插入可选区域时，可以为模板参数设置特定值或在模板中定义条件语句，可以根据需要在以后修改可选区域。根据用户定义的条件，模板用户可以在他们创建的基于模板的文档中编辑参数并控制是否显示可选区域。 ? ◇“可编辑标签属性”使用户可以在模板中解锁标签属性，以便该属性可以在基于模板的页面中编辑。例如，可以“锁定”在文档中出现的图像，但让模板用户将对齐设为左对齐、右对齐或居中对齐。 28.1.1 查看模板 在模板中，可编辑区域出现在“设计”视图中，并且周围环绕预设高亮颜色的矩形边框。每个区域的左上角都出现一个小的选项卡，其中显示了相应区域的名称。 通过查看“文档”窗口中的标题栏，可以识别模板文件。模板文件的标题栏中包含文本《模板》，并且模板文件的扩展名为 .dwt。 在基于模板的文档中，可编辑区域出现在“设计”视图中，并且周围环绕着预设高亮颜色的矩形边框。每个区域的左上角都出现一个小的选项卡，其中显示了相应区域的名称。 除可编辑区域的边框之外，整个页面都是由不同颜色的边框环绕的，右上角的选项卡给出该文档所基于的模板的名称。这个高亮显示的矩形用于提醒用户，该文档是基于模板的，并且用户不能更改可编辑区域之外的任何内容。 当模板的高亮颜色不可见时，如果要在“文档”窗口中查看高亮颜色，可以选择“查看”“可视化助理”“不可见元素”。 28.1.2 创建 Dreamweaver 模板 可以从现有文档中创建模板，或者从新建的空白文档中创建模板。创建模板后，可以插入模板区域。 如果要基于设计好的页面创建模板，先打开该页面，然后选择“文件”“另存为模板”。在“另存为模板”对话框中，为模板命名，然后单击“保存”。此时Dreamweaver 提示用户，是否更新链接。用户选择“是”。 Dreamweaver 将模板文件保存在站点的本地根文件夹中的Templates文件夹中，使用文件扩展名 .dwt。 可以使用“资源”面板创建新模板，选择“窗口”“资源”，打开资源面板，选择面板左侧的“模板”类别。单击“资源”面板底部的“新建模板”按钮。一个新的、无标题模板将被添加到“资源”面板的模板列表中。在模板仍处于选定状态时，输入模板的名称，然后按回车键。Dreamweaver 在“资源”面板和 Templates 文件夹中创建一个新的空模板。 28.1．3 创建模板区域 在插入模板区域之前，应该将用户正在其中工作的文档另存为模板。如果用户在普通非模板文档中插入一个模板区