以上の3つを使いこなせばもうコーディングの上級者です。 このサイトは、htmlの構造的にも、seo観点からも、ブラウザの表示速度的にもあまり良いとはいえないテーブルレイアウトから脱却し、divタグを使ったcssでのレイアウトコーディング方法について解説しています。 cssでのレイアウトは、今後のwebサイト構築術としてxhtmlとともに増えていくことが想定されます。 市販のオーサリングソフトを使用してwebサイトを作成する場合、テーブルタグでレイアウトを行う方法が、簡単で、サイト作成中も視覚的にわかりやすく、まだまだ一般的です。divタグを用いたcssのレイアウト方法は、オーサリングソフトではまだ環境が整っていないように思います。 そんな中、ブログが広まりを見せ、テーブルを使用しないcssによるレイアウトがなされたページも数多く見受けられるようになりました。 しかしながら、ブラウザによっては表示がまちまちで、特定のブラウザでレイアウト崩れを起こしてしまっているページも多く見られます。 テーブルによるがっちり固められたレイアウトは、旧世代のブラウザでも余り崩れのない表示を約束してくれます。しかし、cssレイアウトを実践してテーブルレイアウトから脱却出来ればと考えている方も多くいらっしゃることでしょう。 そこで、何かの参考になればとdivlayoutサイトを作成しました。css、スタイルシート、xhtml、ホームページ作成方法などの関連書籍を読むのと同じ感覚でご覧ください。 単純な思考でも上手くいくdivlayoutと、xhtmlに対応したdivlayout xhtmlの2コースを用意しております。前者はタグ打ちメインで作成する場合のコース、後者は正統派のレイアウトでブラウザ守備範囲も広めのコース、しかもdreamweaverでの制作対応となっております。ご自身の合った方をご参照いただければ思います。もちろん役に立つお勧めのほうはdivlayout xhtmlのコースです。ソースの利用はもちろん自由です。リンクも紹介も引用も何でもフリーです。ただしサイト内の画像だけは著作権あります。
もしリンクしていただけるのでしたら、よろしければバナーは以下をご利用ください。

このサイトの方針をわかりやすく図にしてみました。

このサイトの利用方法を概要図にしてみました。