背景が動くWEBページの作り方について。

解決済

質問者：lotus777
質問日時：2010/02/05 20:00
回答数：2件

背景が動くWEBページの作り方について。

HP作成初心者です。
http://www.z-gundam.net/
のように、色が徐々に変ったり星が流れるなどの動画になっている背景は、どうやって入れ込むのでしょうか。全てをFLASHで作っている訳ではないようなので疑問に思いました。
どういう形式の動画ファイルを、どのように指定するとか概略で結構ですので教えて頂けませんでしょうか。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

ベストアンサー優先
最新から表示
回答順に表示

No.2ベストアンサー

回答者： BlurFiltan
回答日時：2010/02/06 13:02

書かれていらっしゃるサイトのページのHTMLの

超大まかな(かなり単純化した)構造を書くと次のようになっています

----------------------
<html>
　　　<head>
　　　</head>
　　　<body>
　　　　　　<div id="wrap">
　　　　　　　　　～ここに本文～
　　　　　　</div>
　　　　　　<div id="flash">
　　　　　　　　　～ここにFlash～
　　　　　　</div>
　　　</body>
</html>
----------------------

それで、

　　<div id="wrap">
　　　　　～ここに本文～
　　</div>

を前面に出して

　　<div id="flash">
　　　　　～ここにFlash～
　　</div>

を背景にするようにCSSで指示しています。

そのCSSですが、
HTML からまず次の CSS をロードして
ttp://www.z-gundam.net/common/script/import.css
そして上記CSSから次の CSS をインポートしています。
ttp://www.z-gundam.net/common/script/base.css

この base.css によって、
　　<div id="flash">
　　　　　～ここにFlash～
　　</div>
が背景になるように指示しているようです。

Flash(SWF) 自体は、
「Flash リキッドデザイン」などとGoogleで検索してもらうと
作り方の参考になるサイトが見つかると思います。
http://www.google.co.jp/search?hl=ja&source=hp&q …

何でしたらフリーソフトでも作成できます。

Flashムービー作成ソフト「Suzuka」
http://www.cty-net.ne.jp/~uzgensho/

作るための参考サイト
「フル画面Flash (Stageクラス)」
http://suzupara.iinaa.net/kiso411.html