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

【FrontPage2003ダイナミックWebテンプレートでホームページ作成】027:ダイナミックWebテンプレートにCSSを適用する(6)

1つのダイナミックWebテンプレートにCSSへのリンクを貼ります

No. 簡単な説明 操作画像(クリック→拡大ウィンドウ表示)
332 template.dwt(トップページ用のダイナミックWebテンプレート)を選択して、スタイルシートへのリンクをクリックします
333 追加をクリックします
334 demoweb2.cssを選択して、OKをクリックします
335 OKをクリックします
336 template.dwt(トップページ用のダイナミックWebテンプレート)を選択したままで、「適用されたページを更新」をクリックします
  • template.dwt(トップページ用のダイナミックWebテンプレート)に適用されたページ(この場合は、index.htmだけを指します)を更新します。
337 更新終了後、ブラウザでプレビューをクリックします
338 ページが表示されました
  • スタイルシートを適用しただけの場合は、情報バーは出てきません
339 青チームへのリンクにマウスを当てると、

「文字白、背景青、幅100%(100%のセル幅いっぱい)、行の高さ1.5行(高さ150%のセルの高さいっぱい)」

に変わりました(CSSで設定したとおり)

340 赤チームへのリンクにマウスを当てると、

「文字白、背景赤、幅100%(100%のセル幅いっぱい)、行の高さ1.5行(高さ150%のセルの高さいっぱい)」

に変わりました(CSSで設定したとおり)

341 黄チームへのリンクにマウスを当てると、

「背景黄土色、幅100%(100%のセル幅いっぱい)、行の高さ1.5行(高さ150%のセルの高さいっぱい)」

に変わりました(CSSで設定したとおり)

342 枠が邪魔なので、template.dwt(トップページ用のダイナミックWebテンプレート)を開いて、メニューの表のプロパティを確認します
343 枠を0にして、OKをクリックします
ナビメニュー
 
累計