GR

スマホアプリゲームとかの個人的な攻略メモや経過記録。

HPの作り方 7ステップ

HPを作る際の7ステップ

あくまで作るだけ

公開、運用に関してはまた別の話

 

 

1. ページの概要を決める

何の為のページか決定する。HPを作るって決めた時点で大体決まっているはず

漠然としていることが多いので目的を明確にしておく。

・個人ブログ(何を書くのか)

・お店のページ(目的は、通販?店のPR?)

 

2. 要素を決める

HPに載せる要素を決める。どんなページを用意するのか、何を載せたいのか。

サイトマップ

・日記

・お店の紹介

 

3. サイトマップを作る

各要素をどのページの置くのか決めて、サイトマップを作る

 

4. フレームを作る

各ページのワイヤーフレームを作成する

 

5. デザイン作成

ワイヤーフレームで決定した要素に合わせてデザインを作る

 

5. デザインからHTMLに起こす

HTML、CSS で静的なページを作成する

動的に動くページの場合は複数のパターンを作る

 

6. 動的に変化させる箇所などの方法を決める

動的に変化させる場所の実装方法を決定する

wordpressなどブログソフトウェアを使用する場合それを決める

 

7. 動的箇所の実装

プログラミングしたりツールに合わせた実装を行う

方法によって実装方法は様々

 

 

予め実装方法を決めておく事で

2〜6の要素を短縮する事も可能かもしれない。

とはいえ、短縮した内容を理解していない場合はきちんと作っておかないと

理解していない箇所で問題が出る事もあり。