FC2ブログ
2006/04/12

今から始めるCSSレイアウト・1

遅ればせながらCSSのレイアウトを始めた。


今までHTMLのページ作成で行ってきた、
テーブルを何重にも入れ子にしたり、
透明GIFで正確なレイアウトをしていく方法でなく、
簡単なタグ付けのみをHTMLで行い、
外部のスタイルシートファイルに
デザインレイアウト情報を持たせていく。

推奨される理由としてよく言われるのが、
・WEB標準への準拠
・SEO対策への効果
・読み上げプログラムへの対応
・更新・リニューアルの簡易性
・HTMLがデザインデータを持たないので、携帯での表示が可能
などなどがあげられる。


比較的簡単なページの案件があったので、
テーブルを一切使わずに全部CSSでレイアウトを進めています。

従来のテーブル&透明GIFに慣れきってしまった自分にとっては、
まったく違う製作方法で最初かなり戸惑いました。


この機会に、DreamWeaverを2004から8にバージョンアップして、
あれこれトライ&エラーで進めています。

060409_03.jpg


テーブルで組めば、30分もあればできるレイアウトに、
勝手がわからず丸1日かかってしまった(泣)
何よりも、今は慣れることが優先です。


CSSレイアウトの本を読むと、
レイアウトを左揃えにして
絶対位置でレイアウトしていくのが多いようですが、
今回は中央揃えで挑戦です。

とりあえず絶対位置の指定は行わず、
相対位置でレイアウトしていきます。

テーブルレイアウトの時からこだわっているのだが、
ユーザのブラウザ環境によって文字サイズが変わることで、
見栄えが崩れたり、見にくくなったりは絶対避けたいと思っている。

そう考えると、相対的なレイアウトを優先的に選んでしまっているが、
この選択は正しいのだろうか?


ボックスの概念が難しいです。
それをフロートの考え方で左右に並べたり、
普通に縦に並べたり、
慣れるまで戸惑います。


つづく


参考リンク
CSSとは
Macromedia - Dreamweaver 8