CSSでのメニュー作成

質問

お世話になります。
HTMLなどの知識は殆ど無いのですが、これからホームページを作る勉強をしようと思っています。
そこで質問なのですが、CSSを使って下記のページのメインビジュアルのようなメニューを作る事は可能ですか？

http://www.mediafactory.co.jp/

ここのジャンル毎に画面が右からヒョイヒョイ出てくるようなものを作れたら、と思ってるのですが・・・。

やり方なども教えていただけると大変ありがたいです。

よろしくお願いいたします。

回答No.2

metametamu

CSSでは今はまだ無理です。
Flashでやるのは1さんも言われてらっしゃいますがお勧めしません。
現状だとjavascriptで実装することになるかと思います。

http://www.sony.co.jp/
例えばこのsonyのHPなんかは一つ前のデザインまではflashだったのですが、javascriptで実装する方向に切り替えてきましたね。

javascriptもいろいろあって、今ではjavascriptライブラリを利用すると楽に作れることが多いです。
Javascript ライブラリというのはjavascriptを使いやすくするためにjavascriptで作られたショートカット集のようなもので、プラグインという名目で簡単に使えるプログラムも配布されています。有名なのはlightboxですね。
そういうものを使って遊んでみるところから始めるとどうでしょうか。

＞やり方なども教えていただけると大変ありがたいです。
ちょっと書ける量を超えていますし、ちゃんと形にできるようになるまで3ヶ月くらいかかるかと思いますよ。
ホームページの作成を覚えたいのであれば時間がかかりますし、とりあえず目先サイトに実装したいだけなら上記のようなプログラムを使わせてもらう方が時間のロスが無いかと思います。

回答No.1

ORUKA1951

それはflashで作られていますが、flashは将来的には廃れていく方法で、CSS3で実装する方向で考えられたほうが良いでしょう。

まず、HTMLで普通にナビゲーションリストを作成します。
<nav>
　<ol>
　　<li><a href=""></a></li>
・・・・
[HTML4.01]でしたら
<div class="nav">
　<ol>
　　<li><a href=""></a></li>
・・・・

ついで、CSS2.1で一種のプルダウンメニューのようにデザインします。
それに、CSS3のtransformeを使って時間的な変化を加えます。

　そのまえに、HTMLをしっかり復習しておきましょう。
・HTMLには文書構造しか書かない。プレゼンテーションに関わる一切は書かない。
　strictに適合するように!!!

　そうしておくと、スタイルシートでどのようにもデザインできるでしょう。