メイン部分
レイアウトのテンプレートなんで、かな〜り味気ないですがご了承を。
また、左にあるメニューの内容は適当です。各自必要なメニューに作り変えてください。
さらに、リンク先のファイルを作ってないので、クリックしても何も起きないです。
上にロゴ画像や基本的なナビゲーション、左下にメニュー、右下にメインコンテンツを持ってきたタイプのレイアウトです。
CSSレイアウトを使用しています。
なお、ページの横幅は固定です。 800x600解像度時のフルスクリーン表示でも表示できるように考慮して、横幅770pxで固定しています。
このレイアウトは、私個人としてはかなりお勧めですね。
上部のロゴ＆ナビでサイト全体の統一感を出しつつ、左メニューは縦に伸びているのでメニュー項目が増えても安心。
さらに言えば↓の様な使い方も可なのです。
上部に基本メニュー。左下にサブメニュー。右下にメイン。例(日記サイトの場合)をちょっと書いてみますね。
上には「日記」「リンク」「掲示板」といった第1段階のメニューを表示。
次に、日記ページの左側には年月毎に分けたページへの第2段階のメニューを表示。
こんな感じ↓
つまり、メニューを2段階に分けることで一度に表示されるメニュー数が減るので、見に来てくれた人が目的の物を探しやすくなる！ってことです。
メニューが相当多くて大変だ！という場合に試してみるといいかも知れません＾＾
以上、サンプル用に何を書こうか悩んでた時に頭に浮かんだおまけ話でした。
なお、このレイアウトで使用しているindex.htmlとstyle.cssに関する簡単な説明をhelp.htmlに用意してますので、これを参考に自分なりに変更を加えていきましょう！