まずは、レイアウトの基本となる枠組みを作成します。

HTMLファイル、CSSファイルに以下のように記述します。
#header,#content,#footerの中身はここでは記述していませんが、あとで追加できるようにセレクタだけ書いておきました。
必要に応じて中身を自由に追加して下さい。

#outlineのwidthについては自由に変更して頂いて構いませんが、600px〜800px程度にするのが良いと思います。
ちなみに当サイトは750pxです。

#outlineの「margin:0 auto 0;」は全体を中央寄せする為に指定してあります。
左寄せが良い場合は消していただいて構いません。

ここで作成した枠組みは以下のようなイメージになります。
※分かりやすいように適当な余白を設定してあります。