ヘッダー下メニューの作成

 

 

まずはヘッダー下メニューになにをもってくるかを考え、それらのファイルを作成します。ただしこの時点ではファイルの中身はなくても問題ありません。

 

１．任意のファイルを作ります。ここでは料金のページを作成

作成方法はこちらのページでトップページを作ったやり方と同じです。ファイル名を好きな名前にしてください。ここではryoki.htmlにします

 

２．テンプレートファイル（template.dwt）を開く

ＨＴＭＬソースの画面のヘッダー下メニューの部分を修正します

---------------------------------------------------------------------

<div id="header-menu">
<ul>
<li><a href="index.html">HOME</a></li>
<li><a href="#">サービス情報</a></li>
<li><a href="#">会社情報</a></li>
<li><a href="#">よくある質問</a></li>
<li><a href="#">お問い合わせ</a></li>
<li><a href="#">お問い合わせ</a></li>
</ul>
</div>
---------------------------------------------------------------------

<li><a href="#">サービス情報</a></li>

↓

<li><a href="ryokin.html">料金</a></li>

に変更する。

 

同じ要領で他のすべてのメニューも変更する。

※動画のほうがわかりやすいです。上の動画を見てください

 

ヘッダー下メニューの数を変えたり、背景の色を変えたりする場合はこちらのスタイルシートの編集をご覧ください