当サイトは、インターネットエクスプローラーのセキュリティを「高」、プライバシーを「すべてのCookieをブロック」にすると、サクサク表示され、クリックしても安全です。
ソホネット（宝塚／パソコン家庭教師・ホームページ作成運営代行・パソコン関連事務代行）

【FrontPage2003ダイナミックWebテンプレートでホームページ作成】028：ダイナミックWebテンプレートにCSSを適用する(7)
メニュー仕上げをします
No. 簡単な説明 操作画像（クリック→拡大ウィンドウ表示）
344 template.dwt（トップページ用のダイナミックWebテンプレート）を開いて、メニュー部分の表を選択します
345 コピーします
346 template_blue.dwt（青チーム用のダイナックWebテンプレート）を開いて、上のナビゲーション、中のナビゲーションにそれぞれ貼り付けます（上書きされます）。下のナビゲーションは削除します。
347 template_red.dwt（赤チーム用のダイナックWebテンプレート）を、上のナビゲーション、中のナビゲーションにそれぞれ貼り付けます（上書きされます）。下のナビゲーションは削除します。
348 template_yellow.dwt（黄チーム用のダイナックWebテンプレート）を開いて、上のナビゲーション、中のナビゲーションにそれぞれ貼り付けます（上書きされます）。下のナビゲーションは削除します。
349 template_blue.dwt（青チーム用のダイナックWebテンプレート）を開いて、上のメニューの三行をドラッグして選択します
350 キーボードのdeleteキーを押します
351 blue1.htm、blue2.htm、blue3.htmをそれぞれドラッグして、リンクを自動作成する
352 セル3行を選択します

→書式設定ツールバーの下線をクリックします

→下線設定が消えます
353 セル3行を選択します

→書式設定ツールバーの太字をクリックします
354 青1号のハイパーリンクのプロパティをクリックします
355 スタイルをクリックします
356 クラスのところに、

demo2-blue

と入力してOKをクリックします
357 OKをクリックします。

青2号、青3号も同様にします。
358 同様にtemplate_red.dwt（赤チーム用のダイナックWebテンプレート）も設定します

ただし、クラスのところは、

demo2-red

と入力します
359 同様にtemplate_yellow.dwt（黄チーム用のダイナックWebテンプレート）も設定します

ただし、クラスのところは、

demo2-yellow

と入力します
360 index.htmへのリンクを設定ます（ドラッグ&ドロップでできます）
361 適当にアレンジします
362 同様にtemplate_red.dwt（赤チーム用のダイナックWebテンプレート）もindex.htmへのリンクを設定します
363 同様にtemplate_blue.dwt（青チーム用のダイナックWebテンプレート）もindex.htmへのリンクを設定します
ナビメニュー
　
累計
Copyright© 1997-2008 アイアンマンネット〒665-0034 兵庫県宝塚市小林5-3-9-405 TEL:0797-77-8241
本
日		 昨
日