ポピュラーな２カラムレイアウト（フッター付き）の説明をしていきます。
HTMLファイルのサンプルはsample4htmlを、スタイルシートはstyle4.cssを使います。また、ここには外部JavaScriptファイルrandom.jsがあります。
ヘッダー部分と左ナビゲーション部分とコンテンツ部分に加えフッター部分から構成されます。このサンプルではメニューはナビゲーション部分に設置しました。フッターに配置することも可能です。
このページの特徴は次の２箇所です。
１．コンテンツ上部にあるイメージ写真が更新させると別の写真になります。実は３枚の写真がランダムに表示します。JavaScriptを使っています。HTML説明の後半で解説します。ページを更新させるには次の「更新」を押します。
このHTMLをクリックし起動させようとすると次のようにエラーになります。（XP SP2以後では）
そこで「ブロックされているコンテンツを許可」を選びます。
「はい」を押すと写真を表示します。
２．フッター部分にテーブル（表）を配置しました。
ここではBMWのイメージ写真ですが、他にベンツとサーフの写真が表れます。（以前私が乗っていた車達ですのでお気に召せばどうぞそのままお使い下さい）
フッター部分を利用し、表にしてみました。
このようなホームページデザインとなります。
HTMLの説明にお進み下さい。メニューは上部にあります。