Web ページ・テンプレートの作成

ページ・テンプレートを使用してユーザーの Web サイトのルック・アンド・フィールを定義できます。 ページ・テンプレートを使用して、すべてのページに表示されるレイアウトとコンポーネントを定義することができます。
前提条件: Web プロジェクトを作成する。
そのページ・テンプレート内のスタイル・シートとは異なるページ・テンプレートは、ページの物理レイアウトを定義するために使用され、 そこではスタイル・シートはフォントや色などによるページの見え方をコントロールするために使われています。 ページ・テンプレートに変更を加えた場合、 そのページ・テンプレートから作成されたページは自動的に更新されます。 (視覚的なデモンストレーションについては、下のチュートリアルの リンクを参照してください。) ページ・テンプレートは、次の 2 つの方法で作成することができます。
  1. 新しい Web ページ・テンプレートを作成するには、次のステップを完了します。
    1. プロジェクト・エクスプローラーで、 テンプレートの作成先となるフォルダーを右クリックし、 ポップアップ・メニューから 「新規」 > 「Web ページ・テンプレート」をクリックする。 「新規 Web ページ・テンプレート」ウィンドウが 表示されます。
    2. ファイルの名前を入力する。オプションとして、 フォルダー・フィールドでフォルダー名を変更できます。
    3. 設計時テンプレート または動的テンプレートのいずれかを選択する。
    4. テンプレートのリストから、テンプレートを選択する。プレビュー・ボックスで、 ほとんどのテンプレートをプレビューできます。

      以前に作成したテンプレートは、「マイ・テンプレート」の下に自動的に表示されます。

    5. オプションとして、「テンプレートへのページのリンク」チェック・ボックスの チェック・マークを外すことができます。 このボックスのチェック・マークを 外すと、Page Designer 内のテンプレートのすべての部分を 編集できるようになります。 (つまり、このボックスのチェック・マークを外すことは、 実質上、新規ページ用にページ・テンプレートのコピーをとることに相当します。) このボックスにチェック・マークを付けると、Page Designer 内のテン プレートのコンテンツ領域のみが編集可能になります。
    6. 終了」をクリックする。 Page Designer 内にテンプレートが表示されます。
    7. 新規作成されたページ・テンプレートに要素を追加する。 共通域 は、テンプレートを使用する各ページ内に表示されるテンプレートの一部である。 テンプレート全体はデフォルトで共通域である。ユーザーがいったんコンテンツ領域を追加すると、共通域はコンテンツ領域を囲むエリアとなる。 ここではページの共通域に要素を追加するいくつかの方法を示している。
      • ページに直接テキストを入力し、必要に応じて属性を変更する。
      • パレットからコンポーネントをドラッグ・アンド・ドロップする。パレットの選択項目は、作成したページ・テンプレートの種類に応じて異なります。例えば、Faces コンポーネント・ページ・テンプレートを作成した場合は、パレット上の Faces コンポーネント・ドロワーからコンポーネントをドラッグ・アンド・ドロップできます。
      • パレット上で「ページ・テンプレート」ドロワーを開き、ページ・フラグメントをページへドラッグ・アンド・ドロップする。 ページ・フラグメントを使用すると、別のファイルのページの一部をインクルードできます (SSI インクルードまたは JSP インクルードと同様)。 ページ・フラグメントでの変更は、そのテンプレートから作成されたすべてのページにも即時に適用されます。
    8. 新規作成されたページ・テンプレートにコンテンツ領域を追加する。 コンテンツ領域 は、テンプレートを使用するページによって後から充てんされるページのセクションである。 テンプレートからページを作成すると、コンテンツ領域は編集可能になり共通域は固定される。 ページ・テンプレートには 1 つ以上のコンテンツ領域が必要です。 コンテンツ領域を追加するには、次のようにします。
      1. パレット上で「ページ・テンプレート」ドロワーを開く。

        パレット上のページ・テンプレート・ドロワーのピクチャー

      2. コンテンツ領域コンポーネントをページへドラッグ・アンド・ドロップする。
      3. プロンプトが出されたら、コンテンツ領域に名前を付け、「OK」をクリックする。
      4. 設計時テンプレートを作成している場合、 オプションとしてコンテンツ領域にデフォルト・コンテンツを追加したり、 コンテンツ領域に収容するべき内容の指示 (「タイトルをここへ挿入」など) を追加したりすることができる。
    9. 「ファイル」 > 「保管」を選択し、テンプレート・ファイルを保管するフォルダーを選択する。 これで、ページ・テンプレートを使用して別の新規ページを作成する準備ができました。
  2. 既存のファイルからページ・テンプレートを作成する。
    1. Page Designer でページ・テンプレートにする既存の HTML または JSP ファイルを開く。
    2. コンテンツ領域をページに挿入する。コンテンツ領域を挿入するには、パレット上で「ページ・テンプレート」ドロワーを開き、コンテンツ領域をページへドラッグ・アンド・ドロップして、コンテンツをコンテンツ領域へ追加する。 ファイルを保管すると、そのファイルは自動的にテンプレートと して保管されます。
ページ・テンプレートの作成について詳しくは、 次のチュートリアルを参照してください。
  • Web サイトをインポート、テスト、および変更する このチュートリアルには、Web サイトを インポートする方法、Web サイトをテストする方法、および動的ナビゲーションを 含むページ・テンプレートを Web サイト内のすべてのページに適用する方法が 示されています。

  • Web サイトのレイアウトと構造を設計する このチュートリアルには、ページ・テンプレートを使用して、Web サイトの共通の ルック・アンド・フィールを作成する方法が示されています。

関連概念
ページ・テンプレート
設計時ページ・テンプレートと動的ページ・テンプレート
ネストされたページ・テンプレート
関連タスク
テーブルを使用してページ・テンプレートをレイアウトする
ページ・テンプレートから Web ページを生成する
Web ページへのページ・テンプレートの適用または交換
Web サイトにページ・テンプレートを適用する
ページ・テンプレートにコンテンツを追加する
ネストされたページ・テンプレートを作成する

フィードバック