ページ・テンプレートを使用してユーザーの Web サイトのルック・アンド・フィールを定義できます。ページ・テンプレートを使用して、すべてのページに表示されるレイアウトとコンポーネントを定義することができます。
前提条件: Web プロジェクトを作成する。
そのページ・テンプレート内のスタイル・シートとは異なるページ・テンプレートは、ページの物理レイアウトを定義するために使用され、
そこではスタイル・シートはフォントや色などによるページの見え方をコントロールするために使われています。ページ・テンプレートに変更を加えた場合、そのページ・テンプレートから作成されたページは自動的に更新されます。ページ・テンプレートは、次の 2 つの方法で作成することができます。
- 新規ページ・テンプレートを作成する。
- 既存の Web ページ・ファイルからページ・テンプレートを作成する。
- 新規ページ・テンプレートを作成する場合
- Web パースペクティブからを選択する。 「新規ページ・テンプレート・ファイル」ウィザードが開きます。
- ファイルに名前を付け、そのファイル用のフォルダーを選択する。
- 「マークアップ言語」
フィールドで、マークアップ言語として HTML または XHTML を選択する。
- 「モデル」フィールドで、
テンプレートのモデルを選択する。テンプレートを使用する場所に応じて、HTML、JSP、または Faces コンポーネントが含まれたブランクの
テンプレートを作成する。たとえば、ユーザーは JSP テンプレート (.jtpl) から HTML、JSP、または Faces JSP ページを作成できるが、
HTML テンプレート (.htpl) からは HTML ページのみしか作成できない。
- テンプレートをさらに改良したい場合 (例えば、
タグ・ライブラリーやスタイル・シート情報を追加したい場合など) は、
「拡張オプションの構成」チェック・ボックスを選択する。
- 「完了」をクリックする。
新規ページ・テンプレートが作成され、編集できるようになります。
- 新規作成されたページ・テンプレートにエレメントを追加する。
共通域 は、テンプレートを使用する各ページ内に表示されるテンプレートの一部である。
テンプレート全体はデフォルトで共通域である。ユーザーがいったんコンテンツ領域を追加すると、共通域はコンテンツ領域を囲むエリアとなる。ここではページの共通域にエレメントを追加するいくつかの方法を示している。
- ページに直接テキストを入力し、必要に応じて属性を変更する。
- パレットからコンポーネントをドラッグ・アンド・ドロップする。パレットの選択項目は、作成したページ・テンプレートの種類に応じて異なります。例えば、Faces コンポーネント・ページ・テンプレートを作成した場合は、パレット上の Faces コンポーネント・ドロワーからコンポーネントをドラッグ・アンド・ドロップできます。
- パレット上で「ページ・テンプレート」ドロワーを開き、ページ・フラグメントをページへドラッグ・アンド・ドロップする。
ページ・フラグメントを使用すると、別のファイルのページの一部をインクルードできます (SSI インクルードまたは JSP インクルードと同様)。
ページ・フラグメントでの変更は、そのテンプレートから作成されたすべてのページにも即時に適用されます。
- 新規作成されたページ・テンプレートにコンテンツ領域を追加する。
コンテンツ領域 は、テンプレートを使用するページによって後から充てんされるページのセクションである。
テンプレートからページを作成すると、コンテンツ領域は編集可能になり共通域は固定される。
ページ・テンプレートには 1 つ以上のコンテンツ領域が必要です。コンテンツ領域を追加するには、次のようにします。
- パレット上で「ページ・テンプレート」ドロワーを開く。

- コンテンツ領域コンポーネントをページへドラッグ・アンド・ドロップする。
- プロンプトが出されたら、コンテンツ領域に名前を付け、「OK」をクリックする。
- デフォルトのコンテンツをオプションでコンテンツ領域に追加するか、または何がコンテンツ領域へ行くべきかの指示、たとえば「タイトルをここへ挿入」を追加する。
- を選択し、テンプレート・ファイルを保管するフォルダーを選択する。これで、ページ・テンプレートを使用して別の新規ページを作成する準備ができました。
- 既存のファイルからページ・テンプレートを作成する。
- Page Designer でページ・テンプレートにする既存の HTML または JSP ファイルを開く。
- 必ず、ページの適切な位置にコンテンツ領域を挿入する。
コンテンツ領域を作成するには、パレット上で「ページ・テンプレート」ドロワーを開き、コンテンツ領域をページへドラッグ・アンド・ドロップして、コンテンツをコンテンツ領域へ追加する。
- を選択する。