Web業界転職への道

CSSは、ウェブページの視覚表現を実現するのに使われます。CSSでデザインを実現するのは楽しくもあり、時に頭を悩ませることもあります。CSSの使い方を簡単にご紹介しましょう。

かつては、HTMLのtableタグを使ったレイアウトが主流だったのですが、2002年後半にアメリカのWired NewというサイトがXHTMLとCSSで全面リニューアルしたのがきっかけで、XHTMLとCSSでのサイトリニューアルが注目され始めました。

現在では、XHTMLとCSSでのWeb制作が当たり前になっています。

実勢に制作に入る前に、ターゲットブラウザやHTMLのバージョンなどの仕様を決め、それに基づいてファイルを作っていきます。

CSSは、HTMLファイルのheadタグ内にあるlinkタグを使ってCSSを読み込ませます。CSSを読み込ませるのは2ファイル以上でも良いので、ヘッダー、フッター、ナビゲーションエリアなどのどのページでも共通するスタイルとそのページオリジナルのスタイルを分けるとメンテナンスがしやすいです。

HTMLとCSSを連携させるのは、タグにidやclassをふることです。idは1ファイル中に一回しか使えません。classは、1ファイル中に何回でも使えます。

ソースはいっぺんに組んでしまわず、途中まめに各ブラウザ毎に表示の確認を行うと、レイアウトの崩れなどを早く見つけられるので、対処がしやすいです。

テクニカルなスキルが上がるほど、表示上の問題の解決に悩むと思います。その解決の対処法がただ表示の問題をクリアするためだけの解決法か、悩みに悩んでこれだと思う解決法を見つけたかの差で制作者のスキルに差がついてくると思います。

コーディングの知識とスキルを伸ばしたい人には、「Web標準の教科書」をお勧めします。分厚いですが、これからコーディングを勉強したい人には目からウロコな内容がぎっしり詰まってます。