Dreamweaver でナビゲーション バーを設定する方法

Dreamweaver でナビゲーション バーを作成するには、次の手順が必要です。 新しい HTML ドキュメントを作成する ナビゲーション バー テーブルを挿入する テーブル スタイル (幅、配置、背景色、境界線) を設定する ナビゲーション バーのリンクを追加する ナビゲーション バーのテキスト スタイルを設定する プレビューナビゲーション バー

#Dreamweaver でナビゲーション バーを作成する方法

##手順:

1. 新しい HTML ドキュメントを作成します

##Dreamweaver で、[ファイル] メニューをクリックし、[新規] を選択します。

ドキュメントの種類として「HTML」を選択し、「作成」をクリックします。
• 2. ナビゲーション バーを挿入します

[挿入] メニューで、[テーブルの挿入] を選択します。

[テーブルの挿入] ダイアログ ボックスで、[行数] を 1 に、[列数] を任意の数に設定します。
• 「OK」をクリックします。
• 3. ナビゲーション バーのスタイルを設定します

ナビゲーション バーのテーブルを選択し、[書式] メニューをクリックします。

[テーブル]メニューで、[テーブルのプロパティ]を選択します。
• [テーブルのプロパティ] ダイアログ ボックスで、次のプロパティを設定します。

• テーブルの幅: 任意の幅

  セルの配置: 中央揃え
  • 背景色: 任意の色
  • ##境界線: なし
  • ##4. ナビゲーション バーのリンクを追加

ナビゲーション バーの各セルにリンクを挿入します。 セルを右クリックし、[ハイパーリンク]を選択します。

[ハイパーリンク] ダイアログ ボックスに、ターゲット ページの URL を入力します。
• 追加のリンクを追加するには、上記の手順を繰り返します。
• 5. ナビゲーション バーのテキスト スタイルを設定します。

ナビゲーション バーのテキストを選択し、[テキスト] メニューをクリックします。 。 [テキスト形式]メニューで、[フォント]、[フォント サイズ]、[色]などのオプションを選択します。

• 6. プレビュー ナビゲーション バー

[ファイル] メニューをクリックし、[プレビュー] を選択します。 ナビゲーション バーがブラウザに表示されます。必要に応じて、スタイルをさらに調整できます。

以上がDreamweaver でナビゲーション バーを設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。