IBM Rational Application Developer V7.5 Portal Toolkit，第 4 部分: 静态页面聚合

核心提示： 为了创建一个这样的基本布局，向 index.html 文件添加如列表 2 所示的内容，IBM Rational Application Developer V7.5 Portal Toolkit，第 4 部分: 静态页面聚合(9)，列表 2. 基本布局的内容<divid="wra

为了创建一个这样的基本布局，向 index.html 文件添加如列表 2 所示的内容。

列表 2. 基本布局的内容
<div　id="wrapper">　
　<div　id="header">　
　<h1>Static　page　aggregation</h1>　
　</div>　
　<div　id="left">The　side　navigation　area</div>　
　<div　id="right">　
　　　　　　The　content　area　<br>　
　</div>　
　<div　id="footer">IBM</div>　
</div>　

注意：
为了让其尽可能的简单，该 HTML 代码只使用<div>标签。您可以试用一下该标签，或者创建更加复杂的布局以满足您的需要。

为主题添加样式工作单

现在，为了给<div>标签如图 10 所示的布局结构，您可以包含外部的 CSS，或者在 index.html 页面的顶部的<style>标签中创建一个 CSS 类定义，或者您可以使用 inline CSS。例如，使用外部 CSS。

按照以下操作添加样式工作单：

创建包含 index.html 静态布局文件的 PortalContent > StaticLayout> page.uniquename 内部的“theme”文件夹 。

然后创建该主题文件夹中的新 CSS 文件。

选择项目，然后选择 File > New > CSS。

浏览主题文件夹，然后输入 CSS 文件的名字作为主题。

点击 Next和 Finish。

CSS 文件会在 CSS 编辑器中打开。现在您可以在 CSS 编辑器的源窗格中创建 CSS 样式。

右击源窗格，并点击 New。

在向导中，选择 HTML 标签以及主体（默认选择），然后点击 OK。

在 New Style 向导中，选择字体。浏览至字体列表框中的 Verdana，然后点击 Add 以将其添加至列表框中。