こういうＨＰって何で作られているんですか？？？

質問

http://toyota.jp/
色々ソフトは必要でしょうが
ソフトは何で作っているんですか？
プログラムの言語って何が必要なんですか？

回答No.4

bellena33 · ベストアンサー

基本的にFlashのサイトなので、動画部分はFlashで作ります。
インターフェイスなどで、ユーザーの操作に応じて動作させるために、ActionScript という簡単なプログラムを習得する必要があります。

しかし、それだけでは まだ動作する画像に過ぎません。
HTMLという記述方式を使用して、文字や画像をレイアウトします。
レイアウトにはHTMLだけの表現では不足で、CSSも使われます。
この時、マウスを乗せると色が変わるなどの簡単なプログラムとして、JavaScript を用います。

JavaScript は ユーザーのPCで動作するプログラムで、
サーバー側のPCに何か問い合わせて処理するような場合、サーバーサイドプログラムである、PHPやCGIなどを用います。
例えば、通販の買い物カゴなどはこの類に属します。
これらのプログラムは、サーバー側に根幹となるプログラムがインストールしていなければ使用できません。
つまり、あなたがレンタルサーバーなどを使うなら、
どのサーバーサイドプログラムが使用できるか、そもそも使用可能なのかを確認する必要があります。

---
プログラムやHTML（書式）は、基本的にテキスト形式で記述します。
ですが、それは非常に手間暇が掛かるうえ、
レイアウトを想像しながら書かなくてはいけないため、現実的ではありません。
また、頻繁に用いられる定型のプログラムも多いからです。

そこで、オーサリングソフトというものを使用します。
プログラムやHTMLを自動で書いてくれるソフトですね。
Flash，ActionScript → Flash
HTML，JavaScript → Dreamweaver

加えて、HTMLやFlashで扱う画像を加工するソフトが必要です。
写真（主にJEPG）ならば、点の集合で絵を表示する PhotoShopです。
イラスト（主にGIF）ならば、線を計算式で表示するIllustratorとなります。
写真とイラストの両方を扱えるソフトがFireworksですが、上記の2つよりも表現が制限されます。

現在、Adobeが全てのソフトを扱っています。
なお、ホームページビルダーは個人向けで、商業サイトも作れないではないですが、
表現できる幅が狭く、通常は使いません。

【仕事の手順】
PhotoShop で画像を加工し、Illustratorでロゴやイラストを作成し、
Fireworksで組み合わせます。
これをFlashで1つの動画にまとめ、インタラクティブに動作できるようにします。
そうしてできたFlashをDreamweaverでレイアウトに埋め込みます。
サーバーサイドプログラムを使うなら、テキストエディタでプログラムを書いたファイルを作らなければなりません。

さらに、オーサリングソフトは便利ですが、記述におかしな点や削除ミスが出てくるのが普通ですので、
テキストエディタ（個人の好み）で修正をします
また、更新時に訳が分からなくならないように、分かり易いように纏めたり、注釈を付けます。
その後、SEOといって検索エンジンに見つけられやすい（上位表示されされやすい）ように手を加えて納品です。

余談ですが、Flashサイトは初回読み込みに時間が掛かります。
アクセスしてきたユーザーを3秒以上待たせてはいけない...と言われており、
ブローバンド化が進んでいるとはいえ、余程の理由がないと使用しません。
ただ、トヨタの場合、イメージ戦略上、デメリットを差し引いても使用する意味があるのですね。
加えて、Flash専用のActionScriptなら、ナビゲーションの表示にスペースを少なくできるメリットもあり、
認知度の高い企業にアクセスするユーザーは、その企業に用があるのであり、
多少の時間を待ってくれると制作側は考えるわけです。

Flashを使っているから偉いわけでも、凄いわけでもなく、単に素人受けするから使うことはお間違えなきよう。
無意味な場面でFlashを使われると、私などは苛々します。
セキュリティー対策として、ActiveXなどのスクリプトをOFFにしているユーザーなどはページが表示されません。
（正しい人が多数派とは限らないわけで...）
従って、これがネット通販なら、購買機会を逃しかねずダウト！となります。

まあ、凝ったサイトを作れば作るほど、製作会社としては儲かりますので、
担当者が集客効果よりも見た目のイメージを重視するような方なら...

お礼

めちゃくちゃ参考になりました。
知りたかったことが全部分かりました。
マジで回答ありがとうございました。

回答No.3

noname#42274

no1の方が答えてらっしゃいますが、ちょっと追記します。

動画→AdobeのFlash。

HP全体→
プログラムで構成されてるので、最低限プログラムが書ける
ソフトがあればHPは作成できます。
一番安いのは、メモ帳。
初心者さんはHPビルダー。
今主流なのはdreamweaver。

もし本格的に作成されるのであれば
dreamweaver・fireworks・flashが入ってる
studio mx（スタジオMX）というソフトがオススメです！
学生さんだったらもっと安く手に入ります。

お礼

スタジオ８は聞いた事があったんですが
ＭＸっていうのもあるんですか。
いい事聞きました。
解答ありがとうございました。

回答No.2

kamikazek

一流企業のホームページですから
一流ですね。

お礼

ありがとうございます。

回答No.1

pre_pyo

簡単に言えばAdobe社のFlashという技術です。

http://www.adobe.com/jp/products/fireworks/

http://www.adobe.com/jp/products/flash/flashpro/

詳細はAdobeサイトをご覧ください

お礼

解答ありがとうございました。