メニューの修正仕方
メニューバーを使う場合は、デザインビューからの変更(設定)が
無効(無視される)になるので
htmlのコードを直接変更する。
WEB4画面の左下で表示をデザインビューから分割ビューにする。
【1階層のメニュー】
構造が単純なので追加、削除等は難易度は低い
デザインのメニューをクリックすると上半分のコードエリアにメニュー部分のコードが出てくる。 (スクロールしても良い)
例としてスポーツ部 のメニュー
<ul class="ddmenu">
<li><a href="undou.html">百歳体操</a></li>
<li><a href="temp.html">問合せ等</a></li>
<li><a href="../index.html">戻る</a></li>
</ul>
中の3行がメニューの3項目に対応している。
例えばメニューを追加する場合(百歳体操の次に追加)場合は
<li><a href="undou.html">百歳体操</a></li> この行をコピーして行を増やす<ul class="ddmenu">
<li><a
href="undou.html">百歳体操</a></li>
<li><a
href="undou.html">百歳体操</a></li>
<li><a
href="temp.html">問合せ等</a></li>
<li><a
href="../index.html">戻る</a></li>
</ul>
この状態で保存するとデザインビューでメニューが増えたのが確認できる。
後は リンク先と その名前を変更する
リンク先は赤字部分、 名前(表記名)は、青色の部分を変更する。
・メニュー項目を削除する場合は、その行を削除すれば良い。
・メニューそのものを削除する場合は、
<ul class="ddmenu"> から </ul> までの行を全て削除する。
<ul class="ddmenu">
中身
</ul>