ナビゲーションを変更する
右側のカラムにサブメニューを作成します。ナビゲーションも変更します。
レイアウト完成図：
ブラウザでの見え方： レイアウトが追加された
右側のカラムにリンクメニューを作成する
❶ layout02.html をビルダーで開き、［HTMLソース］を表示します。
❷ 右側カラム部分のソースを変更する。
- 変更前：
- <div id="column2">
- <h4>コラム</h4>
- <p>ここにはコラムの内容が入ります。身の回りの雑談や日々の日記などを書きましょう。</p>
</div>
- 変更後：
- <div id="column2">
- <h4>リンクメニュー</h4>
- <p>トップリンク<br>
- リンク2<br>
- リンク3<br>
- リンク4<br>
- リンク5</p>
- </div>
❸ ［ページ編集］ をクリックし、右側のカラムが変更されたことを確認する。
❹ 入力された 「トップリンク」 文字にトップページ top.html へのリンクを挿入する。トップページからは layout02.html へのリンクを挿入する。
ナビゲーション レイアウトのリンク文字を変更する。
❺ ナビゲーション レイアウトのリンク文字を次のように変更します
❻ 「メニュー１」 にトップページ top.html へのリンクが設定されているので変更します。「メニュー１」 を右クリック → ［リンクの設定］ → 「ファイル名」 をヌルリンク 「#」 に変更する。
- ヌルリンク 「#」 は仮リンクで、クリックしても何も起きません。後で正しい URL に変更します。
❼ 「OK」 をクリックします。
| |