ナビゲーション・オブジェクトの外観を変更する

Web Site Designer は、サイト構造と仕様 ページからナビゲーション・バーやサイト・マップなどの Web サイト・ナビゲーションを生成します。仕様ページは、特殊なコメント・タグと式を含む HTML ファイルです。

仕様ページは siteedit:navbar、siteedit:navtrail、 siteedit:navtab、および siteedit:sitemap タグの属性として指定することができます。これらはナビゲーション・バー、ナビゲーション・トレール、ナビゲーション・タブ、およびサイト・マップなどの Web サイト・ナビゲーションを追加するときに Web ページに 挿入されるタグです。以下は、この製品に組み込まれている Web サイト・ナビゲーションと、 関連した仕様ページのリストです。
Web サイト・ナビゲーション 仕様ページ (HTML または JSP)
水平バー horizontal-text

horizontal

horizontal-button

horizontal-sep

horizontal-tab

水平タブ horizontal-tab01

horizontal-tab02

horizontal-tab03

垂直バー vertical-text

vertical

vertical-button

vertical-sep

vertical-tab

垂直タブ vertical-tab01
ナビゲーション・トレール trail

trail_horizontal

trail_vertical

ドロップダウン・メニュー dropdown
サイト・マップ sitemap

sitemap_vertical

ナビゲーション仕様を変更するには、以下のようにします。

  1. ナビゲーション・エレメントを右クリックし、「プロパティー」 を選択してプロパティー・ビューを開く。
  2. さまざまなプロパティー・タブの情報を編集することにより、 ナビゲーション仕様を編集できる。ナビゲーション・エレメントで使用可能なプロパティーに応じて、次のプロパティーを編集できます。
    • 仕様ファイル
    • リンク先
    • リンク・レベル
    • 標準リンク
    • 強調表示リンク
    • 宛先グループ
  3. 「仕様ファイル」タブの「スタイル」フィールドで、CSS 規則を使用してスタイルを指定する。例えば、色: 白; フォント・スタイル: 斜体;背景色: 青 と指定します。スタイルは、ナビゲーション・バーの <A> タグに適用され、ナビゲーション・バーは次のようになります。
    「スタイル」フィールドを使用したナビゲーション・バー
  4. クラス」フィールドを使用して、同じ効果を得ることもできます。例えば、「クラス」フィールドで「サンプル」を指定した場合、サンプル・クラスのスタイルはナビゲーション・バーの <A> タグに適用されます。 スタイル・シ ートのサンプル・クラスは次のようになります。
    スタイルシートのサンプル・クラス
    クラスは、ページに適用されているスタイル・シートに属している必要があります。
  5. ご使用のナビゲーションを設計する場合は、「ユーザー値」フィールドを使用することができます。「ユーザー値」フィールドでは、ナビゲーション仕様ファイルの ${sitenav.userdata} 変数を参照します。例えば、<body> タグ下にある仕様ファイルに次のコードがある場合:
    <h1>${sitenav.userdata}</h1>
    ユーザー値」フィールドに入力した値はすべて <h1> タグに表示されます。「ユーザー値」フィールドに「これはユーザー値です」と入力した場合、ナビゲーション・バーは次のようになります。
    「ユーザー値」フィールドを使用したナビゲーション・バー
ヒント: エディターで「ナビゲーション仕様の変更」ファイルを開き、直接変更することもできます。その場合、コード変更によりナビゲーション・エレメントの機能が中断される可能性があるので注意してください。
関連概念
Cascading Style Sheet (CSS) Designer
関連タスク
Web サイトにページ・テンプレートを適用する
ページ・テンプレートにコンテンツを追加する
ダイナミック・ナビゲーションをページ・テンプレートに追加する
ナビゲーションの仕様を編集する
Web ページのナビゲーションを編集する
フィードバック
(C) Copyright IBM Corporation 2000, 2005. All Rights Reserved.