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

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

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

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

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

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

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

フィードバック