从 Web Site Designer 应用页面模板

使用页面模板以控制 Web 站点中所有 Web 页面上的公共元素。将页面模板应用到站点之后,您可以在模板中进行一次更改而不必在各个页面进行多次更改,这样可以减少将来的设计更改工作。

先决条件:
  1. 创建 Web 项目。
  2. 创建 Web 站点。
  3. 在 Web Site Designer 中创建 Web 页面将现有 Web 页面添加至 Web 站点

维护整个站点的一致性的建议方法是使用 Site Designer 工具中提供的页面模板功能。Web Site Designer 可用来编辑整个 Web 站点的外观。通过使用页面模板,可使得外观在整个站点中保持一致。页面模板包含使用 Web Site Designer 工具创建的 Web 站点导航(例如,导航栏、导航轨迹、导航栏和导航菜单)。

要应用页面模板:

  1. 在 Web 透视图的“项目资源管理器”视图中展开 Web 项目。
  2. 双击 Web 站点导航以在 Site Developer 中打开 Web 站点。
  3. 通过按住 CTRL 键并单击页面图标来选择想要应用页面模板的页面。
  4. 右键单击并选择页面模板 > 应用模板。“应用页面模板”向导打开。
  5. 在向导的指定页面模板页面上,选择想要使用的页面模板类型
    1. 要从 Rational® Studio 提供的样本模板中选择页面模板,请执行下列操作:
      1. 单击样本页面模板单选按钮。
      2. 在“缩略图”屏幕中单击想要使用的页面模板的缩略图。
      3. 单击下一步
    2. 要选择用户定义的页面模板,执行下列操作:
      1. 单击用户定义的页面模板单选按钮。
      2. 单击浏览来指定页面模板的位置。
      3. 在“缩略图”屏幕中单击想要使用的页面模板的缩略图。
      4. 单击下一步
    限制: 必须选择至少有一个内容区域的页面模板。
  6. 如果选择了一个要应用页面模板的页面,则所选页面将用作元素映射所基于的模型。您将跳过此步骤并继续本主题中余下的步骤。如果选择了多个想要应用页面模板的页面,则需要选择某个 Web 页面作为元素映射的模型。在向导的选择 Web 页面以指定如何应用页面模板页面上,将 Web 页面的内容区域映射至页面模板中的内容区域。选择要用来映射的页面。单击下一步
    限制:
    • 不能选择编码与页面模板的编码不同的页面。
    • 不能选择已经有页面模板的页面。
    • 不能选择使用框架的页面。
    • 如果该页面模板不是用 XML 样式 JSP 描述的,则不能选择用 XML 样式 JSP 描述的页面。
    • 如果该页面模板是用 XML 样式 JSP 描述的,则不能选择未用 XML 样式 JSP 描述的页面。
  7. 在向导的将页面元素映射至页面模板页面上,指定页面模板应如何显示页面内容。

    内容区域的源代码是在“页面模板内容区域”列表中定义的。在先前向导页上选择的 Web 页面的元素显示在“页面元素”列表中。在“页面模板内容区域”列表中,选择一个“内容区域”。在“页面元素”列表中,选择想要将内容区域映射至的元素。然后单击“映射”按钮。对每个内容区域执行此操作。这会将页面模板中的内容区域与 Web 页面中的元素关联起来。

    例如,如果选择其中一个样本页面模板,则将预定义标题区域文本区域内容区域。可以选择标题内容区域并将它与 HEAD(开始和结束 HEAD 标记之间的所有内容)关联起来。在该标题内容区域的页面模板中定义的任何属性将应用于现有 Web 页面的 HEAD 元素。
    将页面模板内容区域映射至页面元素的示例。
    预览框显示当前页面和一旦应用模板后该页面外观的预览。

    提示:
    • 通过在“页面元素”列表中选择页面元素,可在当前页面的预览中突出显示特定元素。
    • 通过右键单击当前页面的预览并从弹出菜单中选择显示原始大小,可查看放大的预览。
    如果选择了一个要应用页面模板的页面,则单击完成。这就对 Web 页面应用了该模板。如果选择了多个想要应用页面模板的页面,则单击下一步
  8. 在向导的选择页面 - 将应用页面模板页面上,选择要应用该页面模板的 Web 页面。如果 Web 页面已具有与它相关联的页面模板,则不能应用第二个页面模板。而且,如果 Web 页面使用框架,则不能应用页面模板。
    注: 通过使用在向导的选择 Web 页面以指定如何应用页面模板页面上设置的规范,将对所有选择的 Web 页面应用该页面模板。如果在其它 Web 页面中找到相同的元素,则将把这些元素插入到正确的内容区域。如果在其它 Web 页面中未找到相同的元素,则将展开要插入的元素,然后将它插入到内容区域。可以在完成向导之后删除不必要的元素来手工改变 Web 页面。
    限制: 如果 Web 页面编码与页面模板的编码不同,就不能应用该页面模板。如果该页面模板或 Web 页面是用 XML 样式 JSP 描述的,则不能应用该页面模板。不能应用页面模板的页面将会在向导的要应用页面模板的页面列表中接收到错误消息。
  9. 单击完成。这就对 Web 页面应用了该模板。
应用包含 Faces 的页面模板
重要:
  • 不能将包含 Faces 模型的页面模板同时应用于 Faces 页面和非 Faces 页面。要应用 Faces 模型页面模板,首先将此模板应用于 Faces 页面,然后将此模板再单独应用于非 Faces 页面。
  • 在应用了页面模板(它使用“包含 Faces 组件的模板”模型)之后,必须在非 Faces JSP 上设置 servlet URL 以在服务器上运行该页面。要设置 servlet URL,从主菜单中单击编辑 > Servlet URL > 设置 Servlet URL
重要: 应用名为 JSP-*.jtpl 的样本页面模板或插入 JSP 导航栏之后,以下错误消息将显示在“问题”视图中。
  • 断开的链接 - http://java.sun.com/jsp/jstl/core
  • 断开的链接 - http://www.ibm.com/siteedit/sitelib
  • 断开的链接 - com.ibm.etools.siteedit.sitelib.core.SiteNavBean
  • Jsp 编译:包 com.ibm.etools.siteedit.sitelib.core 不存在
要除去这些错误和警告,在“项目资源管理器”视图中右键单击 Web 项目并选择运行验证

相关概念
Cascading Style Sheet (CSS) Designer

相关任务
将内容添加至页面模板
将动态导航添加至页面模板
更改导航对象的外观
编辑导航规范

使用条款 | 反馈
(C) Copyright IBM Corporation 2000, 2005. All Rights Reserved.