当サイトは、インターネットエクスプローラーのセキュリティを「高」、プライバシーを「すべての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へのリンクを設定します
ナビメニュー
 
累計