|
ここでは普通のホームページに多い2カラムレイアウトの解説をしていきます。カラムとは 列や段という意味で2カラムだと2列のボックスで構成されたレイアウトという意味になります。 2カラムレイアウトはメインコンテンツを左側か右側に、サイドバーを左側か右側に配置することができます。テーブルタグを使用して2段組のレイアウトを組むことは可能ですがCSSを 用いた方がソースの量が少なくなりレイアウトの変更もし易いというメリットがあります。それでは下の画像のようなHPのレイアウトをテーブルタグを使用せずに組んでいきます。
手順2・ ヘッダー部分を作る 手順3・ メインコンテンツを作る 手順4・ ライトメニューを作る 手順5・ フッター部分を作る 2カラムレイアウトの解説は飛ばして完成後のサンプルと ソース、外部ファイルを見る場合は以下をご覧下さい。
2カラムレイアウトのサンプル
|
