webのレイアウトに必要な技術

質問

こんにちは。メディア系サークルに所属する大学生です。
サイト作りに興味があります。
Windows XPを使用しています。
flash、フォトショ、イラレは少し使えるようになりました。
htmlタグでのサイト作りも経験があります。
でも企業サイトのようなレイアウトにできません。

例えばタグうちでつくったもの↓
http://373.srv7.biz/
flashでつくったもの↓
http://bpro.ifdef.jp/forest.html
これを↑こう↓するには？
http://www.au.kddi.com/

このようなレイアウトにはフレームが必要なように思いますが、
htmlでフレームをつかうのはもうタブーだとか？
企業サイトのようなクオリティのwebページをつくるには
どの技術を組み合わせればいいのでしょうか？
ちなみにdreamweaberも使ったことはありませんがパソコンには入っています。

回答No.1

cspl · ベストアンサー

実際に企業サイト制作の仕事に関わっている者です。Flashとはほぼ関係のない質問ですが、現場では実際にどのような手順で制作されるか、また、制作している人間はどのような技術を身につけているのかを簡単に説明しようと思います。

まず、そのサイトのレイアウトがどのように実現されているか、というのはFlash以外はHTMLのソースを見ればほぼ把握できます。それを見て理解できない部分がありましたら、自分で調べて解決していく、というのが基本的にWEBを学習していく上で欠かせないことです。

基本的にはHTMLとCSSの理解があればサイトの構造は作成できますが、例に挙げられた企業サイトレベルのクオリティとなると、それ以外にJavascriptやActionscriptのスキルが必要になります。OSやブラウザごとの見え方の違いなども知識として持っていなければなりません。当然、すべて一人で制作するとなると情報設計や視覚的なデザインのスキルも身につけていなければなりません。サーバー側の基本的な知識も不可欠でしょう。

とはいえ、これらすべてを高いクオリティでこなせる人間はプロの現場でも早々いるものではありません。例に挙げられたような大企業のサイトは基本的には分業になります。
制作する企業によって兼任していたり、さらに細かく分かれていたりと様々ですが、およそ以下のような分業になります。

1．与えられた情報をもとにサイトの基本構造を構築する人間
2．それをPhotoShopなどを使用してデザインに落とし込む人間
3．さらにそれをHTML、CSS、Javascriptなどのコードを記述してHTMLとしてレイアウトを仕上げていく人間
4．Flashを作成する人間

ここでの質問は上記工程の3に該当しますが、これは基本的なCSSを学習してから、実際のページではどのように制作しているかソースを見てみるのが最善の策です。
どのようなツールを使用するかは人それぞれですが、Dreamweaverを使用せずに自分に合ったHTMLエディタなどを使用して記述している人が多いようです。

もし仕事としてのスキルを身につけるのであれば、広く浅く一通りすべてのスキルを身につけてから、さらに自分の興味の向いたスキルを中心的に伸ばしてみるとよいです。がんばってください。

お礼

すばらしい！！
こんなに丁寧で専門的な回答がいただけるなんて驚きでした。
研究と知識の習得からはじめてみようと思います。
ありがとうございました！