Dreamweaver8+CSS入門・動画講座(スタイルシートの使い方) - 1カラム+ヘッダ+フッター (後編) - (4)フッターをつくる/ブラウザでチェックしながら仕上げ
Dreamweaver8+CSS入門・動画講座(スタイルシートの使い方) >> 1カラム+ヘッダ+フッター (後編) >> (4)フッターをつくる/ブラウザでチェックしながら仕上げ
初心者webデザイナーさんのための、ホームページ制作無料講座です。Dreamweaver8を使ったXHTML+CSSコーディングの方法を紹介します。 スタイルシート初心者の方に役立つように作ってみました。 ※Adobe® Dreamweaver® はAdobe Systems Incorporated(アドビ システムズ社)の商標です。

(4)フッターをつくる/ブラウザでチェックしながら仕上げ
3分45秒
大きい解像度で見る

このページを Google Bookmarks に追加 Yahoo!ブックマークに登録 このエントリーを含むはてなブックマーク Share (facebook) Clip to Evernote
解説

ドリームウィーバーでのプレビューではだいたい整ったので、最後に、ブラウザでのチェックです。
コツとしては、最初にFirefoxで見ながら完成させて、次にIEで見てみて、おかしいところを調整・・・というのが王道らしいです。

「でもでも、多くの人が使っているのがIEなんだから、IEでちゃんと表示させてから、ほかのブラウザでも崩れないようにするのが普通なのでは?」
最初はそう思ってしまいますよね。でも「IEで正常表示でFirefoxで崩れる場合は、そのスタイルシートの使い方は基本ができてないことが多い」
そう理解した方が良さそうです。
つまりFirefoxなどのモダンブラウザはcssを正しく解釈してくれるので、正しいCSSを書いた上で、最後にIEでも崩れないように調整。と言い換えることもできます。

************************
モモンガが作っているメイクアップ講座のサイトはこちらで見ることができます
メイクアップ講座TAKIZAWA

メイクアップの講座を受けたときの感想をこちらでもかいています。興味の有る方はどうぞ~~。
モモンガの森 素敵な隠れ家サロンで、メイクアップ講座
いやはや。。プロの技は習ってみるもんです。女性はメイクが上手になったら一生の宝ですね。。。

■ 制作者コメント
<a href="http://webnomori.net/howto/">webの森/ホームページ初心者講座</a>のモモンガです。webデザイナーの卵さ... 制作者プロフィールページへ


カテゴリー内最新記事
 
マニュアル エントリ一覧
(1)コードの編集で、スタイルを追加
(2)コードビューとCSSパネルを使っ...
(3)CSSプロパティを使ってスタイル...
(4)CSSダイアログを使ってスタイル...
(5)リンク色とマウスオーバーのスタイ...
(6)外部スタイルシートを追加する
(1)XHTMLドキュメントの新規作成
(2)新規スタイルの追加
(4)グローバルナビゲーションの背景設...
(3)ロゴとサイトキャッチコピーのスタ...
(5)リストへのスタイル追加
(6)メイン部分のmargin調整
(1)フッターをつくる/フッターの設定...
(2)フッターをつくる/テキストとロゴ...
(3)フッターをつくる/コピーライト部...
(4)フッターをつくる/ブラウザでチェ...
(4)スニペットを使ってコードを入力
(1)テキストと画像の挿入
(2)コードヒントを利用しながらCSS...
(3)テーブルのスタイルを設定する
(5)フロートの後をクリアする方法
(6)ページの上に戻るボタン
(4)背景画像を使った見出し
(6)CSSを使った角丸ボックスの作り...
(5)CSSを使った角丸ボックスの作り...
(3)dlを使った表の作り方
(2)背景画像を使ったノート罫線の作り...
(1)背景画像を使ったボタンの作り方


(c) Webdemo Inc All rights reserved.