ドロップダウン・メニューを挿入する

ナビゲーション・ドロップダウン・メニュー は、Web サイト内の 他の Web ページへのリンクのリストです。パレット・ビューからドロップダウン・オブジェクトを ドラッグすることにより、ドロップダウン・メニューを Web ページに 挿入することができます。

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