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

ナビゲーション・バー は他の 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, 2004. All Rights Reserved.(C) Copyright IBM Japan 2005.