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