Webデザイナースクール体験記

主に、フォーカスのあっているプロパティがわかるプロパティウィンドウを使いながらの作業です。

なぜ、テーブルを使うのか？

テーブルはExcelの表と似ています。

デザイナーは、この表（テーブル）を逆手にとった。
ボーダー、余白の設定を「0」にすることで目には見えない透明の枠を作り、そこに画像やボタン、テキストを配置していく。

デザインのためのテーブルで何が便利かといえば、寸法設定が得意な機能である。
幅設定とパーツを寄せる方向を完璧に設定することができます。

授業でいつも言われることなのですが、
「デザインは、パーツやテキストの要所がピシッと揃っていれば、初心者でもそこそこ美しいデザインが出来上がる」

だから、置きたいパーツを置きたいところに置くために。
HTML上で完璧にレイアウトするためにテーブルを使う。

テーブルレイアウトをどう上手く使うか、どう取り入れるかがデザインの勝負の分かれめとなるのです。

Web標準「ビジュアル情報はHTMLから切り離してCSSファイルに記述する」という流れから、テーブルレイアウトは徐々に使われなくなりつつあります。
しかし、今後、スライスを切ったり、CSSの理解をスムーズにするためにテーブルレイアウトを理解する必要があるようです。

来週は、テーブルを構成するHTMLタグの細かな説明を行う予定。