利用 Dynamic Page Template 改善您的 Web 页面外观（4）
|
- UID
- 1066743
|
利用 Dynamic Page Template 改善您的 Web 页面外观（4）
方法2. 取代 <title> 标签的内容
在可选择的方法中，您可以为所有的 <head> 标签分配一个新的 Content Area。有了这个方法，当您使用 Replace Template 向导时您可以保存所有的头部区域内容。
- 用 Page Designer 打开 Dynamic Page Template 文件。
- 转到 Page Designer 的 Source 键。
- 移除它之下的 <title> 标签和 <tiles:getAsString> 标签。
- 保留符号，选择 Insert > Page Template > Content Area 菜单。.
- 键入一个新的 Content Area name 名称，点击 OK。
- 在提示之下再次点击 OK，然后保存这个模版。
您将看到如同 所示的新 Content Area 名称。
列表5. New Content Area 代码1
| <tiles:getAsString name="headarea"/>
|
您可以使用任意一种方法以移植您的文件头部内容。很显然，第一种解决方法比第二种能够通过模版更有效地进行管理。第二种方法在编辑每个 Web 页面时能够简单灵活地自定义化。
步骤3.完成移植现在您即将从 Design-Time Template 移植您的 Web 页面到 Dynamic Page Template 。
- 用 Page Designer 打开 Web 页面。
- 选择 Page > Page Template > Replace Template。
- 从 Template 区域的 My Template 目录中选择您在此阶段步骤 1中创建的新的动态的页面模版，然后进入到下一个页面。
- 从当前模版配置映射到新的模版。如果您在使用这个新动态模版时分配相同的名称，配置就会自动设定。
- 进入下一个页面，选择这个表格中列出的 Content Area。按照您的意愿更新 Name 和 Folder 区域。
- 重复子步骤来填充所有的内容区域，然后 Finish。
- 确保文件已经保存。
用 JSP Web 站点导航取代 HTML 导航如果您的 Design-Time Template 使用的是 HTML Web 网站导航，它要被移出 Dynamic Page Template，因为这个动态模版只能与 JSP 网站导航一起工作。这种情况下，您需要在创建动态页面模版之前创建一个嵌套式模版，因此您就有两个模版：
- 一个服务于子页面模版的没有导航的根模版
- 一个服务于 HTML 页面首个没有导航的嵌套式模版
这部分紧跟的步骤1，利用您的根模版创建一个 Dynamic Page Template。在那个新动态模版中，插入 JSP 导航来取代 HTML 导航。
您的页面现在是一个动态模版。
您可以每次一个或者一次移动所有的页面。您不必一起移动所有的页面如果您愿意，您可以通过重复这个步骤，一页一页地继续移动页面。无论如何，如果您想要一次性移动所有的页面，您仍然可以按照以下步骤进行：
- 在 Project Explorer 窗口中，选择您想要移动到一个动态模版的所有 Web 页面。
- 右键点击这个菜单然后选择 Page Template > Replace Template。
- 从这里开始，按照已经描述好的移动步骤，从 Design-Time Template 移动到 Dynamic Page Template。
提示：
如果您没有页面，在您移植完所有的页面后可以去除到 Design-Time Template 的链接。按照以下步骤进行，打开 Dynamic Page Template，选择 Page > Page Template > Merge Template into Page。然后您的动态模版就可以从 Design-Time Template 中独立出来。 |
|
|
|
|
|
