WebサイトのトップページのカバーイメージエリアをFlashではなく制作する方法

このQ&Aのポイント
  • Webサイトのトップページのカバーイメージエリアは、最近ではFlashではなく他の方法で制作されることが増えています。Flashが検索エンジンに読み込まれないことが主な理由ですが、それに代わる方法としてAjaxやJavaScriptのテンプレートを使用することがあります。具体的な手法は、sony.co.jpなどのWebサイトではどのように実現されているのかが気になるところです。
  • 最近のWebサイトでは、Flashではなく他の手法でトップページのカバーイメージエリアを制作することが増えています。Flashが検索エンジンに読み込まれないため、代わりにAjaxやJavaScriptのテンプレートなどが使用されています。具体的な手法については、sony.co.jpなどのWebサイトを参考にすると良いでしょう。
  • 最近のWebサイトでは、Flashではなく他の手法でトップページのカバーイメージエリアを制作することが一般的です。Flashが検索エンジンに読み込まれないため、AjaxやJavaScriptのテンプレートなどが使われています。具体的な方法については、sony.co.jpなどのWebサイトを調べると良いでしょう。
回答を見る
  • ベストアンサー

この頃のWebサイトはトップページのカバーイメージエリアがFlashじ

この頃のWebサイトはトップページのカバーイメージエリアがFlashじゃない。どうやって制作? 例えばsony.co.jpもそうですが、これまでならばFlashでつくられていたトップページのカバーイメージエリアが、この頃Flashと思いきや、Flashじゃないもので制作されていることが増えてきていますよね。 検索エンジンがFlashを読めないことを主な理由として。 しかし、Flashでつくったような動きをします。 sony.co.jpに絞って質問しますが、 あれは何をどうやってやればつくれるんでしょうか? AjaxとかJavaScriptのテンプレートだとか聞く機会がありますが、具体的に何と何を使ってやってるんでしょうか。

  • touchy
  • お礼率88% (704/796)
  • AJAX
  • 回答数2
  • ありがとう数7

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

  • ベストアンサー
  • LOHA
  • ベストアンサー率52% (203/388)
回答No.2

突き詰めれば#1さんが紹介しているようなことをやっているのですが、最近ではライブラリを使うのが一般的です。 sonyのサイトではjQueryというJavaScriptのライブラリを使っています。このjQueryというライブラリには多くのプラグインがありまして、それらを使うことで、比較的簡単にFlashのような動的なコンテンツを作成できるようになっています(sonyの実装はオリジナルなようですが)。 http://jquery.com/ http://plugins.jquery.com/ エフェクトの類のライブラリとしては他にもprototype.js系列のscript.aculo.usというのもメジャーです。 http://www.prototypejs.org/ http://script.aculo.us/

touchy
質問者

お礼

なるほど、だいぶ具体的に見えてきました。感謝申し上げます

その他の回答 (1)

回答No.1

JavaScriptでスタイルシートを変更しています。 タイマーを使用して、連続的に変更させることでアニメーションさせることが出来ます。 http://www.openspc2.org/reibun/javascript/graphic/022/index.html

touchy
質問者

お礼

参考になります。ありがとうございます

関連するQ&A

  • Flashを使わず動きのあるかっこいいトップページを作成したい

    自社ホームページのトップページ作成を任されているのですが かっこいいトップページになりません。 Flashを使わずにjavascriptで以下の様なトップページ作成を試みています。 http://www.kagetu.com/ 今の所、jquery.cross-slide.jsのajax?を使って画面がスライドするページは できたのですが、スライドが止まって文字が浮かび上がってまた別の画像が スライドするといったような複雑な動きができません。 どなたかここで掲載したようなホームページをjavascriptとかを使って (Flashを使わず無料のツールで)作成する 方法をご存知の方いらっしゃいましたらご教授ください。 ※コードも載せていただけると助かります。

  • 簡単にFLASHページを作れるソフトを探しています。

    いつもお世話になっております。 表題の通りなのですが、FLASHページを簡単に作成できるソフトを探しています。 『FLASH MAKER』『ID FOR WEB LIFE』の二点はすでに自分で調べて購入、あるいはお試しバージョンを使用しているのですが、 なにぶんテンプレート・カードリッジの自由度がなく、いまいちという感じです。 「それなら本家のフラッシュを買って勉強すればいいじゃないか!」と言われるかもしれませんが、なにぶん高価ですし、そこまでは・・・・というのが正直なところです。 ですので、『Flash~』『ID For~』のように、安価で簡単なモノがほかにないかな~と思っています。 条件は ・高くても3万以下 ・カートリッジ(テンプレート)が『あらかじめ』多数。 ・簡単 です。 あるかなぁ・・・・^-^; 情報、お待ちしています! m(__)m

  • WEBサイト制作:これはflashですか?

    初心者の質問なので、ざっくりとした質問ですが宜しくお願いします。 http://www.stellamccartney.com/default/shop-products/stellaspicks#!{} こちらのページ ・ページ下に行けば行く程パラパラと商品画像が増えていく ・商品画像をクリックすると商品詳細画面が出てくる →この動きはflashでできるのでしょうか? →この位のサイト制作のスキルに到達するためには html 、css 、基本的なコーディングスキルをつけて他に何を習得すべきでしょうか。 宜しくお願いします。

  • サイトマップのトップページアドレスは??

    現在、サイト制作中の初心者です。 検索エンジン用のサイトマップをxmlファイルで作ったのですが、 最重要ページのトップページのアドレスは http://xxx.jp/ と http://xxx.jp/index.html では どちらが良いのでしょうか? どちらとも必要な場合、重要度はどれぐらいが適当でしょうか? よろしくお願いします。

    • ベストアンサー
    • XML
  • 2つのブラウザ間で連動(連携?)したFlashサイトを作りたい。

    2つのブラウザ間で連動(連携?)したFlashサイトを作りたい。 現在IEユーザーを対象に、Flashサイトを作ろうと思っているのですが、イメージはあるもののどう作って行けばいいかわからないのでご質問させて頂きました。 制作環境は WindowsXP SP3 Flash CS3 です。 作りたいイメージとしては、エンターページ(普通のHTML)をクリックすると、2つのブラウザが小窓で立ち上がり、その2つの小窓にそれぞれFlashが表示されます。 仮にそれを(a)、(b)とします。 ここからがどう作って行けばいいか行き詰まっている点なのですが、 (a)のFlash内に表示されているボタンを押すと、(b)のFlashが反応し、指定のフレームが再生される・・・ と言う仕組みのものを作りたいと思っています。 できれば(b)のFlash内に表示されているボタンを押して、(a)も制御したいです。 こういうものを作りたい場合、どんなASを埋め込めばいいのでしょうか・・・。 よろしくご教授願います!

    • ベストアンサー
    • Flash
  • TOPページにFLASHがあると、Yahooでは

    TOPページにFLASHを置いているとYAHOOの検索エンジンには引っかからなくなると先日聞きました。 YahooのクローラーがFLASHをはじくから、外部テキスト読み込みをさせておかないと、TOPにFLASHを置いてあるサイトはYAHOOで検索した場合、掛からなくなると聞きましたが、本当でしょうか?

    • ベストアンサー
    • Flash
  • HP・トップページの作り方を教えて下さい!

    OK-Waveのみなさま 東京在住・ グラッフィクデザイナーです。 主に紙媒体の仕事が多いので Webデザインは初心者です.. この度・ HPのトップページを 作り直す事となりました。 複雑なアニメーションは難しいと思いますので... シンプルな画面の切り替え+ ビジュアル要素を使って動きが出来たら...と思っています。 イメージしているサイトのトップページは 下記になります。 ↓ http://ikuze-tohoku.jp/onsen/ (ごめんなさい!コードを読んでも 作りがよくわかりませんでした...) 制作方法がおおよそ分かれば 自分に出来るかどうか 分かるかな...と思いまして 質問致しました。 どんな事でも結構です! 何卒アドバイスをお願い致します!

  • トップページへの誘導

    googleなどの検索結果から末端ページへアクセスしたユーザーに対して、flashをポップアップ表示するなどの方法でサイトのトップページへ誘導したいと考えています。 ・検索結果→トップ以外のページへ→ポップアップ表示→トップ ・トップ→トップ以外のページ→通常表示(ポップアップなし) ・直接アクセス→通常表示(ポップアップなし) ナビキャストhttp://www.navicast.co.jp/というサービスで同様のことができるようですが、Javascriptやperlなどにより実現することはできませんでしょうか。 よろしくお願い致します。

    • ベストアンサー
    • HTML
  • 【FLASH】何故FLASH使うサイトが減ったのか

    数年前は、トップページヘッダ部分等にババーンと派手にFLASHが 表示されることが多かったですが、 最近はFLASHの代わりにJqueryなどのjavascriptを使ってるサイトを多く見受けます。 まだ、ムービー動画を表示させる分には、FLASHを使ってるWEBサイトを多く見受けられますが インタフェース機能としてのFLASHは何故、これほど減ってしまったのでしょう。 表示プラットフォーム(スマホ等)の幅を広げるのであれば、そのプラットフォーム用に FLASHの部分だけカスタマイズするか、そのプラットフォーム専用のサイトを作ればいいし しかも、そのプラットフォーム用のサイトをつくるぐらいなら、 逆にFLASHの対応を気にしなくてもいいと思うのです。 「何故FLASHを使用した サイトが減ってしまったのか」 「これから FLASHは衰退していくと考えられるのか」 よろしくお願いします。

    • ベストアンサー
    • Flash
  • WEBデザインについて

    WEBデザイナー、WEBコーダー、WEB制作者の方に質問です。 http://ccilu.jp/ このサイトのメインビジュアル部分、FlashじゃないのにFlashっぽい動きをしているのですが、これはどうやって作っているのでしょうか?Ajaxのライブラリーのどれかでしょうか?分る方いましたら教えてください!

    • 締切済み
    • CSS

専門家に質問してみよう