実作業のコツ - 専門家回答 - 専門家プロファイル

専門家の皆様へ 専門家プロファイルでは、さまざまなジャンルの専門家を募集しています。
出展をご検討の方はお気軽にご請求ください。

実作業のコツ

2007/06/28 02:21

テーブルレイアウトから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ハックは最近あまりしないムードです。

(現在のポイント:-pt このQ&Aは、役に立った!

この回答の相談

WEB標準でコーディングするメリット

法人・ビジネス ホームページ・Web制作 2007/06/27 05:32

都内で小さなWEB制作会社に勤めています。コーディングの際、WEB標準でコーディングすることが求められていますが、具体的なメリットはどういったことなのでしょうか?

実作業するにあたり、コツやポイントなども教えていただけたらと思います。

donaさん (東京都/27歳/女性)

このQ&Aの回答

誰からもわかりやすくなる 小坂 淳(ITコンサルタント) 2007/06/27 09:13
主には4つのメリットが有ります。 岩井迫 泰行(ITコンサルタント) 2007/06/27 09:55
WEB標準のコーディングも大切ですが 志水 雅眉(Webプロデューサー) 2007/06/28 00:59
実作業でのポイント 北窓 喜一郎(Webプロデューサー) 2007/06/29 20:08
WEB標準のメリット 2007/06/29 10:48

このQ&Aに類似したQ&A

ウェブ制作契約を打ち切られました。 tg201さん  2012-06-01 23:05 回答2件
順位下降時の対処について こつこつがんばさん  2014-06-18 03:07 回答1件
PHP&MySQLによる会員制サイトの構築について こつこつがんばさん  2014-05-01 18:22 回答1件
夫が独立した(web会社)妻です。 もっち吉さん  2013-06-23 03:37 回答5件
ウェブデザイナーとして新卒で就職するには? ろごろえさん  2012-07-12 18:09 回答1件