DIVタグでレイアウトする（テーブルは表作成以外の目的で使わない） どのブラウザでも同じ表示で崩れない htmlの文法採点サイトで100点を心がける 以上を実践するためのTIPSをまとめてあります。

タグ打ちでホームページを作っていくのが得意、または好きだという方にはお勧めの方法です。
ホームページ制作ソフトは（dreamweaver等）逆に使用しない方が良いです。この方法で組むと、ソフト上のレイアウト画面では正しい表示になりません。
とにかく、プログラム好きな性格で、整理整頓が好きで、おまけに役割分担をきっちりさせるのが好きだ、という方なら大丈夫でしょう。
そろばんができるから電卓はいらないよ、というのなら大いに結構です。脳を働かせると老化防止になります。電卓はカシオの腕時計についてるのしか持ってないんだよねという、やや珍しい境遇の方でも大丈夫です。
使用するエディターですが、もしあなたがMac使いなら、miがお勧めです。フリーソフトです。ショートカットをうまく利用して、瞬時に思い通りのタグを挿入していけます。たとえば、htmlのタグ打ちをしているシーンを思い浮かべてみましょう。文章全体を選択してコマンドシフト+Dキーを押すとあっという間にdivタグで覆われたコードに早変わり。(要設定）早業を繰り返して余った時間はテレビでも見ましょう。すてきなひとときのおまけ付きです。
こんなに便利に使いこなせるようになると良いですね。
ホームページ制作にはグラフィックソフトは必需品です。テキストデータと画像の２大要素でホームページはできているといっても過言ではないでしょう。さくっと便利なfireworksがお勧めです。
対応ブラウザは幅広いです。しかしながら、netscape6.2は入れておりません（divlayout xhtmlのほうでは対応ブラウザに入れております）。今やターゲットブラウザに含めて制作しているところなんて無いと思います。富士通のサイト（日経パソコンの企業サイト ユーザビリティランキング2005で1位）をnetscape6で見ればわかります。
音楽屋やDTP屋でos9を使用しているパソコンでネットをする場合、ほとんどIEです。ネスケ快適に使って喜んでいる人、私は知りません。動作遅すぎます。でも最近のネスケ＆モジラ系はとても良いですね。

このdivlayoutのページでは、htmlは主にテキストの記述をメインにし、cssで画像を扱う、という方針をもとに進めていきます。ブラウザでスタイルシートを外したときに、見事にテキストだけのページになる、ということを推し進めていきます。
スタイルシートを外した状態がはたしてどうなっているのかを確認できるブラウザはたくさんありますが、お勧めなのはfirefox。firefoxでこのサイトのdivlayout xhtmlのほうではなくてdivlayoutのページをスタイルシートを無効にしてご覧ください。画像も全部テキストに置き換わってものの見事にテキストオンリーになっています。
operaでもスタイルシート無効にできます。WindwosでIEをもとにしたタブブラウザーがいろいろ出ており、そのなかでスタイルシートを無効に出来るのもありますが、なかには無効に仕方がおかしいのがあるようです...。
スタイルシートを無効にしてみたい場合は人気のブラウザ、firefoxが確認手段として良いと思います。

ひとつのページをどう捉えるかという、根底の考え方についてですが、とにかくページは長方形や正方形がいろいろと合体してできているものと捉えます。長方形や正方形ひとつひとつがdivです。一つのページを区画整理していく、ともいえるでしょう。

実際の作業は、一つのページを区画整理することです。divタグという区画に分けていくことを意味します。

作り上げたウェブサイトのソースコードをあらためて見たときに一般に浸透しているテーブルタグがないことへの快感ということになるのでしょうか。ホームページをプログラム感覚で作れることもプログラミング思考の方には魅力ではないでしょうか。テーブルタグがほぼ無いのですから、新技術に見えるかもしれません。テーブルタグの嵐が無くなりページがかなりすっきりするので、h1タグを１回使って、h2タグをたくさん使って、strongタグを使って、seo対策を考えてページを作るようになって...、とかなりseo効率の良いサイトができますね。

ボタンをクリックしてください。