直線上に配置

メニュー

  • はじめに
  • レイアウトの考え方
  • レイアウトの構造
  • レイアウトコンテナ挿入
  • HTMLタグの初期化
  • メイン
  • ヘッダ
  • コラム
  • コンテンツ
  • フッタ
  • ナビゲーション準備
  • ナビゲーション
  • 文字入力
  • スタイル設定
  • 問い合わせ

ナビゲーション作成の準備をする

ナビゲーションはリスト(箇条書き)を利用して作成します。

完成例:

  • 0
  •  
  • ブラウザでの見え方: ナビゲーション作成の準備

❶ [ナビゲーション] と書かれた文字をダブルクリックして選択します。

  • 0

➋ そのまま「メニュー1」と入力します。

  • 0

➌ キーボードの[Enter]を押して改行し、続いて「メニュー2」と入力します。

  • 0

❹ 手順❸をあと2回繰り返して残り2行を入力します。それぞれ文字は「メニュー3」「メニュー4」とします。

  • 0

❺ 文字を入力し終えたら、ダブルクリックして入力した文字を選択します。

➏ ツールバーの[リストの挿入]にある▼をクリックして[番号なしリスト]を選択します。

  • 0

❼ メニューの [表示] → [ツールバー] → [URL] を選択して [URL] ツールバーを表示し、一番目の文字を選択します。テキストボックスに半角で 「#」 と入力してキーボードの [Enter] キーを押します。

  • 0

❽ 手順❼を繰り返して [メニュー2] ~ [メニュー4] にもリンクを設定します。

❾ [ページ/ソース] タブをクリックしてソースを確認します。

  • 0

❿ [ページ編集] 画面に戻します。

⓫ [URL] ツールバーの表示を消します。メニューの [表示] → [ツールバー] → [URL] をクリックしてチェックを外します。

次ページ: ナビゲーションのレイアウト作成

直線上に配置

| |