0‐1.ホームページ作成から完成までのロードマップ概要説明【ホームページ制作の前に 】

ホームページ制作の ロードマップ紹介

この記事のポイント

・ホームページを作成するための流れがわかる。

アカイです。ホームページを作成するためのロードマップを紹介します。

目次

1.要件をまとめる

まず作ろうとしているWebサイトの目的を設定します。

目的を決めたら、目標を達成するための主体となるペルソナを設定します。

これらをまとめ、誰がどのようにこのサイトを使うのかを要件にしてまとめていきます。

2.サイトマップ作成する

Webサイトの設計入ります。

必要なページを書き出し、つながりを図にまとめたサイトマップを作成します。

ここでページの優先順位もつけておくとよいです。

3.ワイヤーフレームを作成する

サイトマップが完成したら、ホームページのデザイン骨組みワイヤーフレームを作成します。

色や装飾は盛り込ませず、テキストと線程度で作成します。

4.デザインカンプを作成する

ワイヤーフレームが決まったら、デザイン作成します。

実際にWeb上で表示されるイメージと変わらないデザインを作成していきます。

これをデザインカンプといいます。

5.コーディングする

デザインカンプが固まったら、ホームページを表示させるためのプログラムを作成します。

HTMLやCSS、Javascriptがメイン言語で、プログラムを書いていくことをコーディングといいます。

6.Web上に公開する

プログラムが完成したら、Webサイトで閲覧できるように設定を行います。

基本的にはWebサーバーと呼ばれる箱にプログラムを格納し、URLを叩いてホームページが見れるようにします。

7.まとめ

・ホームページの流れは以下の通り

1.要件をまとめる
2.サイトマップ作成する
3.ワイヤーフレームを作成する
4.デザインカンプを作成する
5.コーディングする
6.Web上に公開する

[word_balloon id=”unset” src=”https://www.kuroyukiblog.com/wp-content/uploads/2021/03/cropped-Logo02.png” size=”M” position=”L” radius=”true” name=”” balloon=”talk” balloon_shadow=”true”]

 ホームページ公開まで長い道のり。。。
 できる限り今後それぞれの詳細解説をしていく予定です。 

[/word_balloon]
よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

三重県四日市に住んでいるブロガー。

お金のムダ遣いに気づき、日々固定費の見直しを行っている今日この頃。

最終的に「FIRE(ファイア:Financial Independence, Retire Early)」を目指し、自由気ままに色々やってます。

プロフィール詳細はこちら。
https://www.kuroyukiblog.com/about-akai/

コメント

コメントする

コメントは日本語で入力してください。(スパム対策)

CAPTCHA

目次