ナビゲーション・メニューの挿入

ナビゲーション・メニュー は他の 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 ページの場合、「次へ」をクリックします。ウィザードの 「仕様ファイルのオプション設定」ページで、使用したいナビゲーション・タイプを 選択します。
  8. 「終了」をクリックします。ナビゲーション・アイコンが、ページまたはテンプレートに挿入されます。 これは、ナビゲーション・コンポーネントが存在することを示します。
  9. CTRL+S を押して、変更内容を保管します。ナビゲーション・メニューがページに挿入されます。ページに追加した後にナビゲーション・メニューのタイプを変更することはできません。
関連概念
ダイナミック・ナビゲーション要素
関連タスク
ドロップダウン・リストの挿入
ナビゲーション・バーを挿入する
ナビゲーション・トレールを挿入する
サイト・マップを挿入する

フィードバック