Web業界転職への道

少し前までなら、テーブルレイアウトでWebサイトを作る企業もまだまだたくさんあり、未だにテーブルレイアウトのサイトもたくさん存在しますが、今はCSSレイアウトが主流です。CSSを使って、いまどきのWebサイトを作成する方法を簡単にご説明します。

少し前まではテーブルレイアウトと言って、tableタグを使い、htmlファイル１枚でデザインもページの情報も載せてウェブページを作成していました。

今でもそれは、やろうと思えば出来るのですが、HTMLの本来の役割は、ページに載せる情報に適切な意味づけをしてマークアップすることです。

tableタグは、表として意味するものに使い、決してレイアウトの実現のために使うものではありません。

（tableタグでレイアウトを実現するようになった経緯はここでは説明しません。）

現在は、ページに載せる各情報に見出しなら<h1>、<h2>など、テキストの段落などは<p>、箇条書きのリストなどは<ol>や<ul>を使います。

ちなみに、<h1>のhはheadline（見出し）、<p>はparagraph、<ol>はordered list、<ul>はunordered listです。分かりやすいですね。

HTMLでマークアップをしながら、視覚表現はCSSで行います。HTML側では、<h1 id=”pagetitle”>とか<p class=”news”>のように、idやclassを付けます。そして、CSSファイルに、pagetitle {font-size: 120%;}とか、news {text-aligne: right;}という風に設定すると、h1は通常より120%大きいフォントサイズで表示され、pは右寄せで文章が記述されます。

初めは簡単なことから、徐々にレベルをあげていってCSSを使いこなせるようになってください。

最初は難しいかもしれませんが、クオリティは別ですが、コーディングは大抵のWebデザイナーでもできます。