掲載画像の様なページを作成する手順

掲載画像のようなレイアウトのホームページを作りたいのですが 何から手をつけていいのかわかりません。 テーブルもしくはliで後はスタイルシートで作っていくという 漠然とした方法しか思いつきません。 スタイルシートはこの様なテーブルレイアウトのページは 何を設定すればいいのでしょうか 全部作ってくださいとは言いません。 作り方の大まかな概要と手順とスタイルシートに何を設定して レイアウトを実現していくかという筋道を教えてください 独学で学んでいるのですがテーブルをいくつも入れ子（組み合わせて） にすればこのようなレイアウトはできるのですが。 プロの方が作るともっとスマートなプログラミング（スタイルシートに デザイン情報を記述しHTMLはシンプルになると以前このサイトで回答を 頂いたのですが実際のスタイルシートのプログラミング方法がわかりません） 皆さんのお知恵を借りて解決できればと思います。