练习 1.5:将页面模板应用于 Web 站点
在将页面模板应用于 Web 站点之前,必须先完成练习 1.4:设计 Web 站点的外观。
既然您已作出有关如何使用页面模板来对 Web 页面进行布局的一些初步设计决定,因此需要将该模板应用于站点中的页面。一旦将模板应用于各个页面,则该模板中的每个更改都将出现在每个 Web 页面上。
- 通过在“项目导航器”视图中双击 Web 站点导航返回至站点的结构。
- 选择全部四个图标,方法是单击鼠标并拖动鼠标指针建立一个选择框,让这个框围住这四个图标。该框中的所有图标都将被选中。
- 单击右键,并选择页面模板 > 应用模板。“应用页面模板”向导将打开。
- 单击用户定义的页面模板单选按钮。如果未创建您自己的模板,则可以使用所提供的其中一个样本页面模板。
- 从缩略图屏幕上选择模板并单击下一步。
- 因为 Web 站点中的页面尚不包含任何内容,所以如何将页面元素映射至模板内容区域并不重要,因此,可以接受缺省值并单击下一步。如果想要应用模板的页面中确实已经具有内容,则可以选择某个页面作为将现有元素映射至模板内容区域的示例页面。更多地了解映射内容区域。
注意:尽管您只创建了一个名为 bodyarea 的内容区域,但是,仍然可以看到名为 headarea 的另一个内容区域;缺省情况下,headarea 包括在页面模板中。
- 另外,可以通过单击下一步来接受映射的缺省值。这些选项控制如何将页面中的任何现有内容放置在模板的内容区域中。
- 确保四个页面全部都出现在要应用页面模板的页面框中并且选择了所有这四个页面。注意,在向导的此页面中,可以验证模板的应用以确保使用该模板不会在页面中引入任何标记错误。
- 单击完成。模板被应用到了页面,并且页面图标被更新,出现蓝条,以反映每个页面都有一个模板与它相关联。
- 保存“Web 站点导航”。
现在,已将页面模板应用于 Web 站点以控制站点的外观。当决定对站点的页面布局和颜色方案进行更改,并且想要添加将出现在站点中的每个页面上的一些公共元素时,可以只编辑这个页面模板。既然已经将该模板应用于站点中的各个页面,因此,每当保存模板文件时,都会将对模板所作的更改应用于页面。更多地了解应用页面模板的其它方法。
您可以开始进行练习 1.6:实现 Web 站点的动态导航了。