ウェブサイトを作るまでの工程：CPIで人気サイトを作ろう！

ウェブサイトを作るまでの工程

文：タロウ

ウェブサイトの作成から公開までの工程は、以下のような流れになります。

企画を考える

どんなウェブサイトにするか企画しましょう。
だれに見てもらいたいか、何のためにウェブサイトを利用するか、など、この部分がしっかり固まらないと、後々苦労します。
企画がしっかりしていれば制作中に迷ったときに原点に戻れますから、ウェブサイトの目的や実現したいことはしっかりとまとめましょう。

構成を考える

ウェブサイトの構成を考えましょう。トップページに配置する要素や全体的な構造を定義します。
たとえば、メニューの種類は、「製品情報」「問合せ」「サポート」「会社案内」にする。
トップページの「会社案内」メニューをクリックすると「事業内容」「会社概要」「求人情報」が表示される。
各ページには、メニューをつけて、「製品情報」を見た後にすぐ「サポート」を見ることができるようにする。
というようなことを検討します。ウェブサイトの構造は、ツリー構造で検討するとよいでしょう。

デザインを考える

ウェブサイトを訪れた人にとって、もっとも印象に残る部分がデザインかもしれません。会社のカラーを基調としたり、ポップな感じにしたり、ウェブサイトの内容にあったデザインを検討しましょう。また、色使いやレイアウトによって、リンクがクリックしずらくなったり文字が読みにくくなったり、ということもありますので、使い勝手も十分に考慮してください。
デザインについては「ページの構成パターンとその作り方」こちらをご覧ください。

関連情報
ウェブサイトを作るその前に。～『ページの構成パターンとその作り方』

原稿、画像を作成する

デザインと並行して、実際にページに掲載する原稿を作成します。
会社情報や製品案内、サポート情報など、多くの原稿が必要になると思いますが、すでに紙媒体で作成した会社案内やパンフレット、カタログなどに使用した文章や写真などを利用すれば、効率的にページを作成することができます。

HTMLを作成する

ウェブサイトにおける画像の効果は別の項でも述べている通りです。
文字だけのサイトよりも画像を使って効果的なウェブサイトを作りましょう。
商品の画像がある場合や、自分で画像を作りたい場合は、画像ソフトが必要となります。
画像ソフトは大きく分けて、画像作成ソフトと画像加工ソフトがあります。
画像作成ソフトでは、アイコンやボタンなどを作成するのに向いています。
有名なものにIllustrator（Adobe社）があります。
画像加工ソフトは写真の加工などに向いています。有名なものにPhotoshopがあります。
デジタルカメラやスキャナなどがある場合は、撮影やキャンした画像をパソコンに取り込んで、画像ソフトで自由に加工することでよりオリジナルのウェブサイトが作れます。
ウェブサイト作成用ソフトを購入する場合には、画像ソフトもついている場合もあります。
画像ソフトがなくても、ウェブサイト用のフリー素材のページもたくさんありますので、そこから必要な画像を集めるのもよいでしょう。
但し、商用の場合は著作権などに注意する必要があります。利用規約をしっかりと読んで使いましょう。