此処までのやりかたとして、実際の 作成例を 見ます。
簡単な纏めとしては、まず cssで 色分けのパターンを作成しました。 また画像は gimp で 適当に どうでも良い絵を作成したものを使用します。 そうしてパターンから始めました、つまりcssの色分けをします。 内容としては ；上部 その下の 左、真中、右を 各々色分けすることにします。 色分けしたものが ここ で見ることができます。絵はまずいですがそこんとこは、了解ください。 一番外側の部分の右上に絵が４個あります。一個大きいのとその下に３個小さな ものが並んでいます、その下部に縦に３個分割して左端に絵とフッター部分があ ります、中央にはまた別のまとまりがあり、右端の部分はまた別の領域になって います。これで仕組みがわかるとおもいます。拝！
ここまでで 最低限の 雰囲気を 得る事が できたなら 後は 実践 していくだ けです 、資料は ネットワークの 世界に 沢山沢山 あります。ここまでで ３ step 終了ということです。
ごくろうさまでした。