• ベストアンサー

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

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

noname#235710
noname#235710

質問者が選んだベストアンサー

  • ベストアンサー
  • BlurFiltan
  • ベストアンサー率91% (1611/1754)
回答No.2

書かれていらっしゃるサイトのページの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+%E3%83%AA%E3%82%AD%E3%83%83%E3%83%89%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3 何でしたらフリーソフトでも作成できます。 Flashムービー作成ソフト「Suzuka」 http://www.cty-net.ne.jp/~uzgensho/ 作るための参考サイト 「フル画面Flash (Stageクラス)」 http://suzupara.iinaa.net/kiso411.html

noname#235710
質問者

お礼

まさしく知りたい内容でした。 初心者だとどういうキーワードで探していいのかもわからない状態なので、 丁寧な内容に感謝致します。ありがとうございました。

その他の回答 (1)

  • katokundes
  • ベストアンサー率22% (492/2217)
回答No.1

ttp://www.z-gundam.net/common/flash/bg.swf swfでした。 確認してみてください。 ファイル内部は見られないのですみません。

noname#235710
質問者

お礼

早速の回答ありがとうございました。 sfwファイルということが解れば、背景以外の内容はpositionプロパティで配置が出来そうな感じですのでトライしてみたいと思います。

関連するQ&A

  • Webペーの背景にWebページを表示する

    Webページの背景として、画像や色ではなく、Webページを表示することは可能でしょうか? 背景として利用したいページが簡単に編集できるのならよいのですが、サイト内のすべてのページで共通にしたいとかいうことがあって、インラインフレームは利用できません。 ですから、背景に利用したいページを編集するつもりはありません。 お願いします。

    • ベストアンサー
    • HTML
  • ウェブページの背景画像を強制的にプリント

    ウェブページをプリントする際、例えばIEでは「ツール>インターネットオプション>詳細設定」で、「背景の色とイメージを印刷する」に設定すれば、htmlやcssで背景していしている画像もプリントされるのですが、、 設定方法を知らない人の方が多いかと思います。 そのチェックなしに、htmlやcssなどの指定により強制的に背景画像もプリントされるような状態にできるものなのでしょうか?

    • ベストアンサー
    • HTML
  • 画像の背景色とHTMLファイルの背景色

    私がWebページを制作している環境は下記のようになっています。 OSはWindowsXP。 モニターは液晶モニター。 DreamWeaver3でWebページを制作。 FlashMX、FireworksMXを使って、ムービーコンテンツ、画像を作成。 Fireworksで制作した画像をPhotoshop7でJPG形式に変換。(最高画質・低圧縮率で変換) 【ここからが質問です】 DreamWeaverで設定したHTMLファイルの背景色&Flashコンテンツの背景色と PhotoshopでJPGに変換した画像の背景色を 同じカラーコードにしても、 ウィンドウズのプロパティで画面の色を16ビットにすると Webブラウザ上で違った色に見えてしまいます。 (32ビットだと大丈夫) Fierworksで制作したPNG形式の画像をUPすると 色の違いが無くなるのですが JPG形式に変換した画像だとダメです。 このブラウザ上での色の見え方の違いを解決することは出来ないのでしょうか? 仕方のないことなのでしょうか? お分かりになる方、教えてくださると助かります。 よろしくお願いします。

  • WEBページの保存について

    WEBページの保存について質問させて戴きます。 私が日頃よく閲覧しているWEBサイトが、もうすぐ閉鎖される事になりました。 閉鎖前にWEBページを保存しておきたいと思うのですが、ページの背景にある画像ファイルも含めて保存する方法はあるでしょうか? 以前も同じような事があり、保存してみた事があったのですが、保存する際、保存形式を「WEBページ、完全」にすると背景の画像が保存されないWEBページがありました。「WEBアーカイブ、単一のファイル」を選ぶと、背景の画像も見る事ができたのですが、WEB上からこのページが削除されてしまってから保存しておいたファイルを開くと、背景の画像は消えてしまっていました。 恐らく、背景はWEB上の画像URLを参照するような形になっていたのだろうと思うのですが、何とかWEB上からページが完全削除されてしまってからも背景を含めて見る方法はないものでしょうか。 今度も試しに保存してみましたが、以前の時と同じでした。恐らく、閉鎖後は背景を見る事ができなくなるのだと思います。とても綺麗な背景なので、失くなってページが味気無くなってしまうのが残念でなりません。 パソコンは全くの素人なので、何かいい方法はないものかと無駄に悩んでいます。どなたかお知恵を拝借できないでしょうか。どうぞよろしくお願いいたします。

  • 背景の色について

    素朴な疑問です。 いろんなwebページを見て思ったのですが、背景の色が白のページが多いですよね。 でも白い背景に黒の文字より、黒い背景に白の文字の方が見やすいと思いませんか? 白っぽいページって目が疲れませんか? こう思うのは私だけでしょうか?

  • IEの履歴のWEBページ文字色が背景色に近い白色になる

    どなたか判る方教えてください IEの履歴ボタンで履歴表示を出し、過去に行ったWEBページに カーソルをあてると、そのWEBページの文字が白色(ほぼ背景色と同じ色)になってしまいます カーソルを外すと文字は黒色に戻ります 背景色と同じような文字色なので非常に見ずらく困っています 文字色の設定箇所があるなら教えてください インターネットオプション-全般-色 も変えてみましたが同じでした OSはXP SP1 IE6 を使っています

  • 背景設定について。

    ドリームウィバーでHpを作成してもらいました。全頁の背景に青色のグラデがかかっています。全頁の背景の色を変更したいのですが、仕方が分かりません。ビルダーでいじっているのですが、属性の表のトコを開いても、背景の指定はされていません。でも背景の設定がされているはずなんです!どこをどうしたら変更できるのでしょうか?ビルダーを右手に作成しているのですが全くできません。分かる方いましたらご教示ください。宜しくお願いします。

  • 背景に画像を使ったページを作りたい。

    タイトルの通り、DreamWeaverを使って背景に画像を使ったページを作りたく方法を考えています。ちなみにレイヤー、CSSは使いたくありません。 自分の少ない知識で考えると、ページプロパティで背景画像を選択して、その上にテーブルを使ってテキスト等を配置する…それしか思いつかないのですが、他に方法はあるのでしょうか? あと、ページプロパティで背景画像を選択すると、ずっとリピートしてしまうと思うのですがリピートさせない方法はあるのでしょうか? また、大きく重い画像をページプロパティで背景に設定した場合、やはりページの立ち上がりの時間は重くなるのでしょうか? 経験が浅いため、HP制作中にいくつも疑問にぶち当たってしまいます。 どなたか、初心者(私が)と言うことを踏まえて、教えていただけないでしょうか。お願いいたします。

    • ベストアンサー
    • CSS
  • Webサイトで背景の「白」を指定しない理由はあるのでしょうか?

    Webサイトで背景の「白」を指定しない理由はあるのでしょうか? こんにちは。 Webサイトで背景の「白」を指定しない理由はあるのでしょうか? Webサイトを作ることもあるのですが、以前は、サイトの背景が「白」であっても、背景の「白」を指定されているサイトが多かったと思うのですが、最近は、指定していないサイトが多いような気がするのですが、これはどういう理由があるのでしょうか? 私は、背景をデフォルトの「白」ではない「ブルー」を指定しているため、Yahoo!のサイトはブルーです。 そのような人もいるため、デザインの再現する(表現者の意図をそのまま伝える)ためには背景の色も指定する方がいいと思うのですが、背景を指定しない理由を教えていただければ幸いです。 よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • 画像の背景が・・・(FLASH)

    FLASH MXで画像をアルファで徐々に透明になるようにしているのですが そこでちょっと困ってます。 FLASHの背景は白ではなくオレンジです イラストレータでマットをオレンジで透過GIFで書き出して FLASHで読み込み、貼り付けたまでは背景と一体化しているのですが モーショントゥイーンを設定して再生すると 画像の背景が少し薄くなって四角い画像が入っているのがばればれで どの方法でやってもうまくいきません。 ひとつだけ、イラレで直接FLASHにコピペした場合はうまくいきます しかし、フォントが読めないとか指定してもえらく細くなったり とうまくいきません。 何か方法はないでしょうか?よろしくお願いします。