2.DLしたテンプレートを開く
または、
ファイル→新規→HTML , ○列 固定orリキッド を自分のフローチャートに合わせて
選択して作成する。
3.以前の授業で作成したmenu.htmlから
メニューの部分
例：
<div id="globalnavi">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">menu</a></li>
<li><a href="#">menu</a></li>
</ul>
</div>
メニューの部分をコピーしてくる
(メニューの<li>〜</li>の内容は各自のフローチャートによって異なる)
[メニューが縦並びの人は↓]
4.3でコピーした内容を
(メニューの<li>〜</li>の内容は各自のフローチャートによって異なる)
[メニューが縦並びの人は↓]
4.3でコピーした内容を
<ul class="nav">
<li><a href="#">リンク 1</a></li>
<li><a href="#">リンク 2</a></li>
<li><a href="#">リンク 3</a></li>
<li><a href="#">リンク 4</a></li>
</ul>
の<ul class="nav">〜</ul>を消して、そこにペーストする。
[メニューが横並びの人は↓]
<div class="content">の上に
画面上のバーの[挿入]→[レイアウトオブジェクト]→[Divタグ]を挿入
(クラスを指定、クラスの名前はmenuなど自分でわかる名前に)
<div class="menu"> class "menu" の内容がここに入ります</div>
という表示が入るので「class "menu" の内容がここに入ります」の部分に
コピーしてきたものをペーストする。
※これだけではCSSがまだ適応されていません。
5.menu.htmlを表示しcssスタイルパネルの下にあるクサリのマークをクリック
6.参照ボタンをクリックしてmenu.cssをリンクさせる
