ダイナミック・ナビゲーションをフレーム・ページに追加する

Web サイトの階層構造を決定したら、 フレーム・ページにダイナミック・ナビゲーションを追加して、自動的にリンクとサイト・マップを 生成することができます。サイトの構造が変更されるたびに、ナビゲーション・リンクは自動的に 再生成されて新規 Web サイト構造を反映します。
前提条件:
ヒント: サイト内での 整合性を維持するために推奨される方法は、Web サイト・ ナビゲーション・ツールで提供されている ページ・テンプレートを使用することです。 Web サイト・ナビゲーションは、Web サイト全体の ルック・アンド・フィールを編集するために提供されています。 ページ・テンプレートを 使用することにより、サイト全体でルック・アンド・フィールを整合させることができます。ページ・ テンプレートには、サイト・ナビゲーション・ ツールを使用して作成される Web サイト・ ナビゲーション (ナビゲーション・バー、 ナビゲーション・トレール、ナビゲーション・ メニューなど) が含まれています。 また、ナビゲーション・ページで Web サイトを表示して、 サイト内での新規ページの追加、ページの削除、 およびページの移動を行うこともできます。
フレームを 使用する標準的な Web サイトは、次の部分で構成されています。 フレーム・ページにナビゲーションを追加するには、以下のようにします。
  1. ナビゲーション・フレーム・ページをトップ・ページの 子として Web サイトに追加する。ナビゲーション・フレーム・ページの追加について詳しくは、 「Web サイトにフレーム・ページを追加する」 を参照してください。
  2. Web サイトに追加したナビゲーション・フレーム・ページを右クリックし、「ナビゲーション」>「ナビゲーションで表示」をクリックして、新規ページがナビゲーションに表示されないことを確認する。
  3. ナビゲーション・フレーム・ページをダブルクリックして、 Page Designer で開く。
  4. パレットの Web サイト・ナビゲーション・ドロワーを使用して、 Web サイト・ナビゲーション・オブジェクトをナビゲーション・フレーム・ページにドラッグする。
  5. ナビゲーション・フレーム・ページに挿入したナビゲーション・オブジェクトを 右クリックし、「属性」をクリックする。属性ビューが開きます。
  6. 属性ビューの仕様タブで「開く」をクリックする。 Page Designer でナビゲーション・オブジェクトが開きます。
  7. Page Designer で「ソース」タブをクリックする。すべての <a href> タグに次の属性を追加します: target='content' 例えば、ナビゲーション・フレーム・ページに水平バーを追加した場合は、 target='content' を horizontal-text.html オブジェクトに追加します。ここで、content は コンテンツ・フレームの名前です。
    <html>
    	<head>
    		<title>horizontal-text</title>
    	</head>
    	<body>
    		<div><b> [ </b>
    			<!-- siteedit:forEach var="item" items="${sitenav.items}" begin="0" step="1" varStatus="status" -->
    			<!-- siteedit:if test="${!status.first}" -->
    			<b> | </b>
    			<!-- /siteedit:if -->
    			<a href="${item.href}" target='content'>${item.label}</a>
    			<!-- /siteedit:forEach -->
    			<b> ] </b>
    		</div>
    	</body>
    </html>
  8. CTRL+S を押して、変更内容を保管します。ナビゲーション・オブジェクトが ナビゲーション・フレーム・ページに追加されます。
関連タスク
Web サイトにフレーム・ページを追加する
フレーム・ページを作成する

フィードバック