左ソデにサブメニューを配置する最もよく使われるレイアウト。 画面上部と左ソデのデザインは統一されていなくもよい。

画面の上部にロゴやタイトルを表示させ、 左ソデのサブメニューと一体感のあるデザインを持たせるときに使われるレイアウト。

パターン1の上部がないタイプのレイアウト。左ソデにはサブメニューを持ってくるが、ロゴやタイトルなどを大きく表示させる必要がない場合は、サブメニューの上に配置すればよい。

大量のリンク先を表示させるようなポータル型のサイトは、カテゴリを効率よく分類する必要がある。このレイアウトを採用している代表的なものに、ヤフーがある。

左上にロゴやタイトル、右上にバナー広告、その下にメニュー、その他コンテンツや情報をうまく配置する時に用いられるレイアウト。

パターン2をより分割したタイプのレイアウト。トップ記事が重要な報道系のサイトに多い。
フッタには、著作権やコピーライトの表記などをする。

ファッション関連の情報や、ショッピングサイトによく見られるレイアウト。中央ブロックに一番のおすすめ商品を載せるなど、見る側が一目で何を訴えかけているか分かるのがメリット。テキストの情報よりも写真画像など視覚的要素を用いることが多い。

情報量が多く、ポータルサイトのようにカテゴリを分類する時に用いるレイアウト。ポータルサイトとの違いはリンク先を多く表示させることが目的ではないということ。テキストと画像をうまく組み合わせることで、いくつかのトピックを分かりやすく表示させる。

デザインを重視したレイアウト。左上にロゴを置く以外は自由な発想でトピックを配置していく。テキストあり、画像あり、四角だけの空のブロックあり、見る側に楽しみを持たせるやり方。ブロックはいくつもあるが、全てが埋まっているわけではいので、トピックは拾いやすい。

左ソデに置くサブメニューが多く、中央ブロックの本文を重視するレイアウト。ロゴやタイトルは、左ソデ上部に配置するか、中央ブロック上部に置く。ロゴやタイトルを中央ブロック上部に置く場合は、情報量が多いとスクロールされて常時表示されなくなる。

パターン1に上部ブロックを加えることにより、ロゴやタイトル等常に表示させる効果がある。

パターン2のフッタを活用するレイアウト。中央のコンテンツのみスクロールで広がりを持たせ、フッタには著作権やコピーライトの表記をしたり、常時見せておきたい情報を載せる。

ウインドウの中央にFLASHや画像を大きく表示し、視覚的に訴えかけるレイアウト。中央の幅は固定し、ディスプレイサイズに左右されず、見る側のターゲットを選ばない。視覚重視なので、トップページに乗せる情報量は少なくないと成り立たない。

イメージ重視についてはパターン1と同じだが、より中央を強調している、上部ブロックにはロゴやタイトルを表示させる。各ブロックの幅は固定する。

パターン1・2よりも全体に大きくイメージを持ってくるレイアウト。上部ブロックに視覚要素を大きく表示させ、下部にはコンテンツをこちらもイメージとして配置することが多い。テキスト情報量は少ない。