HMTLとCSS ２

ここからは自分自身の復習も込めて書ければと思います。
いきなりHTML,CSSではなく、最初はWebデザインとは…から始めました。
Webサイトを実際に作るのはもっと先でしょうが、基本的な考え方や具体的にコードを書くまでにやるべきことを少し勉強しました。

プレゼン資料とかでもおなじですよね。まずはどういうストーリーでプレゼンを進めていくのか、そのために必要な情報は何か、それをどういった順番で説明していくのか…実際に資料を作り出すまでにやっていくことと似ていると思いました。

Webサイトの場合、

1. 何を誰にプレゼンするか　→　Webサイトの目的、ターゲットユーザは？
2. プレゼンストーリーを考える　→　サイトマップを作る
3. どんな順番でどんなスライドを作るか　→　ワイヤーフレームを作る

具体的にページの中身を考えるまでの手順はこんな感じでしょうか？
これなら、いままで仕事でやってきたことが役立ちそうです！

これらを実際にツールを使って実際に作ってみるということをやりました。
今回の勉強の中では、実際にあるWebサイトを、自分で作ってみるなら…という視点でやってみました。
サイトマップを作るツールやワイヤーフレームを作るツールは、無料/有料、オンライン/オフラインなど調べるとたくさん出てくると思います。
さすがに有料ツールはもったいないと思ったので、サイトマップは、フレームワークはAdobe COMPを使って作成していきました。