友部のゼミ用HP 友部のゼミ用HP

WEB制作の流れ

1.企画を立てる

    まずは作ろうとしているwebサイトの目的や、どんなコンテンツが必要なのか考える。

2.サイトマップを作る

    サイトマップとはWEBサイトの構成を表したもので、必要なページを書き出し、どのページがどこにリンクしているのかなどを図にまとめる。

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

    WEBサイトの骨組みとなるワイヤーフレームを作っていく。テキストや画像、仕切り線など簡素なラインとボックスで作成し、必要な項目や優先順位、配置などを確認する。

4.デザインする

    デザインツールを使って本格的に作業を行う。制作する見本は「デザインカンプ」と呼ばれ、webサイトとして表示された時と同じ状態になるよう、細かいところまで作りこむ。

5.コーティングする

    HTMLやCSSといった言語を使って、デザインを動作する形に作り上げていく作業。画像や文章も実際に使用するものを用意し、リンクをクリックしたらしのページが表示されるようになる。

6. WEB上に公開する

    作成したファイルをwebサーバー上にアップロードし、全世界に公開する。公開後はすべてのページがしっかりと表示されているか、クリックできるかなどの確認を行う。

inserted by FC2 system