ナビゲーション・バーを挿入する

ナビゲーション・バー は他の Web ページへのリンクのセットで、 Web サイトに水平バーまたは垂直バーとして表示されます。

前提条件:
  1. Web プロジェクトを作成する。
  2. Web サイト構造を作成する
  3. Web リソースを作成またはインポートする。
  4. ページ・テンプレートを作成する (オプション)。
    注: ページ・テンプレートを使用して Web サイトのすべてのページのレイアウトとビジュアル設計を管理する場合は、 すべてのページに個々にナビゲーションを追加するのではなく、ページ・テンプレートにナビゲーション・バーを挿入することができます。そうすると、 ナビゲーション・バーのリンクは、サイトのそれぞれ個々のページごとに 動的に更新されます。

デフォルトですべての Web ページはナビゲーションに表示され、 ナビゲーション・バーに現れます。ただし一般には、サイトのすべてのページが ナビゲーション・バーにリストされることはありません。通常、ナビゲーション・バーには 密接な関係を持つ、サイト内の他のページへのリンクが含まれます。例えば、通常ナビゲーション・バーにはホーム・ページへのリンク、またはサイトのメインページへのリンクが含まれます。これはそのページがサイトのフォーカル・ポイントとして機能しているためです。Web Site Designer では、 このページは「トップ・ページ 」と呼ばれます。

ナビゲーション・バーからどのページにリンクするかを指定することができます。リンクの優先設定を設定し、 これらの設定を反映するように各ページのナビゲーション・バーが動的に作成されるようにすることができます。例えば、すべての子ページをナビゲーション・バーに 含めるよう選択すると、各ページのナビゲーション・バーはその特定ページの子ページ だけに動的にリンクします。

ナビゲーション・バーは、パレット・ビューからナビゲーション・オブジェクトを挿入することにより Web ページに 挿入することができます。以下の表は、Web サイト・ナビゲーションのプレビュー・ビューにおける、ナビゲーション・バーの各種オプションの違いを示したものです。
ナビゲーション・タイプ プレビュー・ビュー
水平バー 水平ナビゲーション・バーのピクチャー
水平タブ 水平ナビゲーション・タブのピクチャー
垂直バー 垂直ナビゲーション・バーのピクチャー
垂直タブ 垂直ナビゲーション・タブのピクチャー

ナビゲーション・バーを Web ページに挿入するには、以下のようにします。

  1. Web Site Designer でページ・アイコンをダブルクリックして、 Page Designer で「設計」ページを開く。
  2. パレット・ビューで「Web サイト・ナビゲーション」ドロワーを選択する。以下のナビゲーション・バー・オプションがあります。
    • 水平バー
    • 水平タブ
    • 垂直バー
    • 垂直タブ
  3. 挿入したいナビゲーションのスタイルを選択し、パレット・オブジェクトをページにドラッグ・アンド・ドロップする。選択されたナビゲーション・バーに応じて、 いくつかある挿入ウィンドウの 1 つが開きます。
  4. サンプル」ナビゲーション・バーを使用するか、「ユーザー定義」ナビゲーション・バーを使用するかを選択する。サンプル・ナビゲーション・バーを使用したい場合は、「サムネール」イメージの 1 つを選択して、 「ファイル名」フィールドに入力してください。ユーザー定義ナビゲーション・バーが ある場合は、「参照」をクリックして「現行プロジェクト」 のファイルを見つけるか、ファイル・システムからファイルを「インポート」 することができます。ユーザー定義ナビゲーション・バーを選択すると、「ファイル名」 フィールドが入力されます。「次へ」 をクリックします。
  5. ナビゲーション・バーに表示したいリンクのタイプを選択する。ページの関係を基にしてリンクを選択することができます。例えば、親 - 子の関係を基にしてリンクを選択したり、 シーケンス (前のページと次のページ) を基にしてリンクを 選択することができます。前のリンクまたは次のリンクを選択した場合は、 「戻る」と「進む」など、これらのリンクに表示するラベルを提供することができます。 以下のリンクのタイプから選択することができます。
    • トップ・ページ
    • トップ・ページの子ページ
    • 祖先ページ
    • 親ページ
    • 兄弟ページ
    • 現行ページ
    • 最初の子ページ
    • 子ページ
    • 前ページ
    • 次ページ
    • レベル
    • グループ
  6. ナビゲーションを追加している Web ページまたはページ・テンプレートが JSP または Faces JSP ページの場合、「次へ」をクリックする。ウィザードの「仕様ファイルのオプション設定」ページで、使用したいナビゲーション・タイプを選択します。ページまたはページ・テンプレートが Faces JSP ページの場合は、 Faces の outputLink タグで HTML カスタム・タグを使用するために、 「HTML ナビゲーション」と「Faces リンクを使用する」を選択します。
  7. 終了」をクリックする。ナビゲーション・アイコン (ナビゲーション・アイコンのピクチャー) がページ またはテンプレートに挿入されて、ナビゲーション・コンポーネント が存在することを示します。
  8. CTRL+S を押して変更を保管する。 ナビゲーション・バーがページに挿入されます。ページに追加した後にナビゲーション・バーのタイプを変更することはできません。
変更を保管したら、「プレビュー」タブをクリックして結果のナビゲーション・バーを表示することができます。
関連タスク
ドロップダウン・メニューを挿入する
ナビゲーション・トレールを挿入する
サイト・マップを挿入する
フィードバック
(C) Copyright IBM Corporation 2000, 2005. All Rights Reserved.