クリックするとウインドウ表示

webサイト製作初心者です。
いろんなところを見ながらHTML・CSSで作成していっています。

今回新しいページを作成するに当たり、
メニューの各ボタンをクリックすると真ん中にウインドウを表示したいと思いました。

どう説明していいのかわからなかったので、画像を添付しました。
画像は上のメニューの「CAST」をクリックした図です。

初期画面・「TOP」を押した際はウインドウは非表示の状態にしたいです。

説明不足で申し訳ありませんが、教えていただけるとうれしいです。

HTML・CSSで作れる方法だとうれしいです。

No.1 回答者： Gletscher 回答日時： 2012/10/21 18:37

Javascriptでできますので、勉強してみてください。

HTMLとCSSだけでは無理ですね。

この回答へのお礼

回答ありがとうございます!!
javascriptを使用するとどんな感じになりますか？
javaも勉強していきたいと思うので教えていただけたらうれしいです

お礼日時：2012/10/21 19:07

No.2 ベストアンサー 回答者： ORUKA1951 回答日時： 2012/10/21 21:51

javascriptでもCSSでもできますが、一つ難点があります。

上部にあるのはナビゲーションだと思いますが、訪問者が目的のページにたどり着くためには二動作必要になります。
　すなわち、一度上部のメニューをクリックした後、下の画像に移動して再度クリックをしなければなりません。それは不便なのではないですか？
　一般的にはナビゲーションにフォーカス/マウスオーバーすると、下に画像が現れ、そのままクリックするとリンク先に飛ぶという動作にしています。そうするとスタイルシートやjavascriptが動作しないブラウザのみならず、検索エンジンにも適している(SEO)のではないでしょうか?

この回答へのお礼

詳しい解説ありがとうございます。
まず勉強不足もありますので少し勉強してみます。

お礼日時：2012/10/21 22:23