対象:ホームページ・Web制作
回答数: 3件
回答数: 7件
回答数: 3件
実作業のコツ
テーブルレイアウトからWEB標準に切り替える時はちょっと苦労しますね。
CSSのコツとしては
1.「float」のクセをしっかり理解する
2.ブラウザによってマージン、パディングの考え方が違うので、モジラ系とIE系のクセを理解する
3.各タグに設定するセレクタを少なくするよう子孫セレクタを上手に使う
4.制作時の画面サイズが横幅740pic以上であれば、表示用とプリント用にCSSを分けておくことで、プリントアウト時に右側が切れることが回避しやすくなる。(A4サイズ時)
XHTMLのコツとしては
1.ページの内容で、見出し・本文・リスト等の文章構造をしっかりと決めておく。
2.<div></div>内で背景に画像をリピートさせた場合、入れ子の<div></div>等にfloat指定をしっぱなしにすると、Firefoxで背景が途中切れすることがあるので、終了タグ(</div>)の手前ではfloatをクリアしておく。
3.HTMLとXHTMLでは使えるタグの種類が違うので、間違えないように。
4.CGIの引数などによく出てくる「&」は「&amp;(変換されてしまうので&が全角になってます)」で記載するなどの細かいルールを見落とさないようにする。
5.フラッシュを配置するための「embed」タグはXHTMLでは使用不可なので、フラッシュは外部JavaScriptで呼び出すようにしておく。
まだまだ沢山あるんですけど、書ききれないです!
慣れてしまえばTABLEレイアウトより楽なので頑張ってください!
テストサーバーにアップしたらここでチェックするといいですよ。
http://validator.w3.org/
あ、CSSハックは最近あまりしないムードです。
回答専門家
- 運営 事務局
- ( 東京都 / オペレーター )
- 専門家プロファイル
登録している専門家やQ&Aやコラムといったコンテンツをご紹介
専門家プロファイルに登録をしている皆様の記事や、Q&A、まとめ記事など編集部でピックアップしたものを定期的に配信していきます。よろしくお願いいたします。
(現在のポイント:-pt)
この回答の相談
都内で小さなWEB制作会社に勤めています。コーディングの際、WEB標準でコーディングすることが求められていますが、具体的なメリットはどういったことなのでしょうか?
実作業するにあたり、コツやポイントなども教えていただけたらと思います。
donaさん (東京都/27歳/女性)
このQ&Aの回答
このQ&Aに類似したQ&A