创建 Web 页面模板

可以使用页面模板来定义 Web 站点的外观。使用页面模板可定义布局和组件,这些布局和组件将出现在使用该页面模板的所有页面上。
先决条件:创建 Web 项目。
页面模板与样式表的区别在于,页面模板用来定义页面的结构布局,而样式表则控制页面的外观,例如,通过字体和颜色控制页面外观。如果对页面模板进行更改,则根据该页面模板创建的页面将自动更新。请参阅下面的教程链接以获取可视演示。可以两种方式创建页面模板:
  1. 要创建新的 Web 页面模板,请完成下列步骤:
    1. 在“项目资源管理器”中,右键单击您想要在其中创建模板的文件夹,然后在弹出菜单中单击新建 > Web 页面模板 将出现“新建 Web 页面模板”窗口。
    2. 输入文件的名称。根据情况在文件夹字段中更改文件夹名。
    3. 选择设计时模板或动态模板
    4. 从模板列表中选择模板。可以在预览框中预览大多数模板。

      请注意,先前已创建的模板自动出现在我的模板下面。

    5. 根据情况取消选中将页面链接至模板复选框。如果取消选中此框,则可以在 Page Designer 中对模板的每个部分进行编辑。换而言之,如果取消选中此框,则将从根本上为新的页面创建一个页面模板副本。如果选中此框,则在 Page Designer 中将只能对模板的内容区域进行编辑。
    6. 单击完成。该模板将在 Page Designer 中出现。
    7. 将元素添加至新创建的页面模板。公共区域是出现在使用模板的每个页面中的模板部分。缺省情况下,整个模板都是公共区域;一旦添加了内容区域后,公共区域则为环绕内容区域的区域。以下是将元素添加至页面公共区域的几种方法:
      • 直接在页面上输入文本并根据需要更改属性。
      • 从选用板拖放组件。根据创建的页面模板的种类,选用板上的选项会有所不同。例如,如果创建了 Faces 组件页面模板,可以从选用板上的 Faces 组件抽屉中拖放组件。
      • 在选用板上打开“页面模板”抽屉并将页片段拖放至页面。页片段允许您包括另一文件的页面的部分,这与 SSI include 或 JSP include 相似。页片段中的更改还会直接应用到根据模板创建的所有页面。
    8. 将内容区域添加至新创建的页面模板。内容区域是由使用该模板的页面后来填充的页面部分。当根据模板创建页面时,内容区域是可编辑的,而公共区域则是固定的。注意,页面模板必须至少包含一个内容区域。要添加内容区域:
      1. 在选用板上打开“页面模板”抽屉。

        图示为选用板上的“页面模板”抽屉

      2. 拖动“内容区域”组件并将它放到页面上。
      3. 在提示时命名内容区域并单击确定
      4. 如果正在创建设计时模板,则可以根据情况将缺省内容添加至内容区域,或添加有关内容区域中应加入哪些内容的指示信息,例如,“在此处插入标题”。
    9. 选择文件 > 保存并选择想要在其中保存模板文件的文件夹。现在可以开始使用页面模板来创建其他新的页面。
  2. 要根据现有文件创建页面模板:
    1. 在 Page Designer 中,打开想要作为页面模板的现有 HTML 或 JSP 文件。
    2. 在页面中插入内容区域。要插入内容区域,请打开选用板上的“页面模板”抽屉并将内容区域拖放至页面,然后将内容添加至内容区域。 在保存该文件时,它将自动另存为模板。
有关创建页面模板的更多信息,请参阅下列教程
相关概念
页面模板
设计时页面模板和动态页面模板
嵌套页面模板
相关任务
使用表来对页面模板进行布局
根据页面模板生成 Web 页面
对 Web 页面应用页面模板或替换 Web 页面的页面模板
将页面模板应用于 Web 站点
将内容添加至页面模板
创建嵌套页面模板

反馈