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

Web サイトの階層構造を決定したら、 フレーム・ページにダイナミック・ナビゲーションを追加して、自動的にリンクとサイト・マップを 生成することができます。サイトの構造が変更されるたびに、ナビゲーション・リンクは自動的に 再生成されて新規 Web サイト構造を反映します。

前提条件:
ヒント: サイト内での整合性を 維持するための推奨方法は、Site Designer ツールで提供されている ページ・テンプレートを使用することです。Web Site Designer は、Web サイト全体の ルック・アンド・フィールを編集するために提供されています。ページ・テンプレートを 使用することにより、サイト全体でルック・アンド・フィールを整合させることができます。ページ・テンプレート には、Site Designer ツールを使用して作成される 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 サイトにフレーム・ページを追加する
フレーム・ページを作成する
ご利用条件 | フィードバック
(C) Copyright IBM Corporation 2000, 2005. All Rights Reserved.