2010/1/3追記:このファイルは、左部分にクリッカブルマップ、右部分にインラインフレームを置いたサイトについて、「どのようなHTML/CSSで構成したらいいか」という質問に回答する際に作成したものです。使いまわしすみませぬ。
これならdivでもできるのでやってみようかと思ったんだけれども。この部分をスクロールさせるためにはここに文章をいっぱいいれないといけないのだな。
典型的なクリッカブルマップ+インラインフレーム。特徴は、メニュー部分が「一枚絵」にできることなんだろう。しかしその分、リニューアルするときは、まるっと全部変えないといけないです。クリッカブルマップを作るのが苦にならない方はそれでいいと思うのですが、私は個人的にあの作業は面倒です。実は専用ソフトの「C-MAP」も手に入れたんだけど、いまだに面倒。ましてや自分で作業できず、誰かに「作ってもらうの頼み」、でも季節ごとくらいにはリニューアルしたい、という方は、クリッカブルマップは使わずに構成しておくのがお勧め。
このサンプルでは、クリッカブルマップではなくdiv構成を使いました。
とりあえず左メニューを画像ではなく文字で作成していますが。ロゴ画像にすることもできます。さらにhoverと背景画像の組み合わせで、「マウスカーソルが触れたときにロゴが変わる」のも、比較的簡単に実現できます。
また、インラインフレームは使っていません。div+overflow:autoを使っています。「アイフレもどき」とおっしゃる方もありますね。特徴は、ファイルをいくつも分割せず、一つのファイル内で構成できることです。分割するのとしないと、どちらが更新が楽かは、趣味の問題ですが。
あと、検索サイトにひっかかるようになったとき、この「アイフレもどき」の中にある言葉で、確実にトップページへアクセスするようになります。インラインフレームサイトが検索でどう扱われているのか、確実には判ってませんが、一般に、フレームやインラインフレームは検索に不利といわれています。
そろそろ書くことがつきてきたよ……。メニューの5はBBSでも貼ってごまかすとするか。