ホームページマスターTOPページへ
初心者の為のホームページ作成支援サイト powerd by Google
HOME >2カラムレイアウト

2カラムレイアウト

ここでは普通のホームページに多い2カラムレイアウトの解説をしていきます。カラムとは 列や段という意味で2カラムだと2列のボックスで構成されたレイアウトという意味になります。 2カラムレイアウトはメインコンテンツを左側か右側に、サイドバーを左側か右側に配置することができます。

テーブルタグを使用して2段組のレイアウトを組むことは可能ですがCSSを 用いた方がソースの量が少なくなりレイアウトの変更もし易いというメリットがあります。
それでは下の画像のようなHPのレイアウトをテーブルタグを使用せずに組んでいきます。

2カラムレイアウト

手順1・ レイアウト全体の設定
手順2・ ヘッダー部分を作る
手順3・ メインコンテンツを作る
手順4・ ライトメニューを作る
手順5・ フッター部分を作る

2カラムレイアウトの解説は飛ばして完成後のサンプルと ソース、外部ファイルを見る場合は以下をご覧下さい。

2カラムレイアウトのサンプル
2カラムレイアウトのソース
2カラムレイアウトの外部ファイル


HOME

Copyright (C) 2003-2015 ホームページマスター All rights reserved.