えだ先生めぐ先生Webサイトを作るはどうしたらいいの?

今から Web制作をしてみたいっていう人の中には、何を勉強すればいいのか戸惑っている人もいるみたいですね…
これから Web制作を勉強するにあたって、どんなことをどんな順番で勉強したらいいのか…必要な知識を簡単にまとめてみました。

自分のブログをたちあげたい…
お知り合いのお店のホームページを作りたい…

目的を達成するために様々な視点からWebサイトを検討する必要があります。

サイト制作の流れ

Webサイトの制作は、大きく以下のような流れで進行します。

  1. flow01打ち合わせ(ヒアリング)
    希望するWebサイトの完成イメージや夢を聞く
  2. flow02サイト設計、制作の段取りを考える
    Webサイト全体の設計、文字要素の整理、各種素材の手配、 ワイヤーフレームの作成、Webサイト完成像の共有
    ※2.3.4は並行作業
  3. flow03撮影、取材
    写真撮影、原稿作成、ナレーション収録など、その企画に必要な素材の収集

  4. flow04素材の加工
    情報の整理、写真や映像の撮影・編集・加工など
  5. flow05ビジュアルデザイン
    Webサイトの見た目をデザインする
  6. flow06マークアップ、プログラミング
    HTML、CSS、JavaScriptやPHPなど、各種言語でWebサイトを制作する
  7. flow07プレビュー・検証・修正
    実際にWebサーバーに置いて確認、修正
  8. flow08公開

上記の流れをもとに、Webサイトの制作について説明をしていきます。