Dreamweaver で Web ページの水平および垂直ナビゲーション バーを作成する方法

Dreamweaver で Web ページの水平および垂直ナビゲーション バーを作成します。水平ナビゲーション バー: テーブルを使用して作成し、セル サイズ、配置、リンクを設定します。垂直ナビゲーション バー: 階層リストを使用して作成し、リスト項目のテキスト、リンク、スタイルを設定します。ニーズに合わせてアライメントを調整します。

Dreamweaver を使用して Web ページの水平および垂直ナビゲーション バーを作成する方法

水平ナビゲーション バー

1. テーブルの挿入: [挿入] > [テーブル] をクリックして、1 行 2 列以上のテーブルを作成します。
2. テーブルの書式設定: テーブルを右クリックし、[テーブルのプロパティ]を選択し、[幅]フィールドと[高さ]フィールドに希望の寸法を入力します。
3. セルの調整: メニュー項目として使用するセルを選択し、右クリックして [セルのプロパティ] を選択します。 「幅」フィールドと「高さ」フィールドに希望の寸法を入力し、「水平方向の配置」で「中央揃え」を選択します。
4. リンクの追加: メニュー項目のセルにリンクを挿入して、関連するページをポイントします。セルを右クリックし、[挿入] > [ハイパーリンク] を選択し、ターゲット ページの URL を入力します。
5. 境界線と背景の設定: 必要に応じて、テーブルとセルの境界線と背景色を設定します。表またはセルを選択し、右クリックして「表のプロパティ」または「セルのプロパティ」を選択し、「枠線」または「背景」タブで調整を行います。

垂直ナビゲーション バー

1. 階層リストを挿入します: [挿入] > [リスト] > をクリックします。階層リスト」。
2. リスト項目の作成: ナビゲーション バー項目のテキストを入力し、Enter キーを押してサブ項目を作成します。インデントされたタブを使用して、ネストされたリストを作成します。
3. リンクの追加: リスト項目のテキストに、関連するページを指すリンクを挿入します。リスト項目を選択し、右クリックして [挿入] > [ハイパーリンク] を選択し、ターゲット ページの URL を入力します。
4. スタイル: スタイルまたは CSS クラスを適用して、ナビゲーション バーの外観を設定します。リストまたはリスト項目を選択し、右クリックして [スタイル] または [CSS] を選択し、それに応じて調整します。
5. 配置の調整: 必要に応じて、ナビゲーション バーの配置を調整します。リストまたはリスト項目を選択し、右クリックして「段落の書式設定」を選択し、「配置」で必要なオプションを選択します。

以上がDreamweaver で Web ページの水平および垂直ナビゲーション バーを作成する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。