ホームページ作成教室 サイト制作の流れ♪
STEP1 サイト構築の企画立案
サイト制作の目的
そもそもなぜホームページを作るのか?ホームページを作って何をしたいのか?具体的に目的を書きだします。
(例)アーティストの方で、自分の作品をWebを通して広く知って貰いたい、そして、それらを販売して利益を上げたい
サイトのスタイル
サイト全体のスタイルを考えましょう。
(例)作品のPRページが何ページかと掲示板、問い合わせフォーム、ブログを作りたい。
ユーザーとのコミュニティサイトを作りたい。
サイト運営のスタッフや予算
サイトは一人で運営するのか?何人かで運営するのか?
予算は一ヶ月間幾らか使えるか?\100,000円以内でホームページを作りたいなど
STEP2 サイト構成とデザインイメージ
コンテンツ作り
会社(個人)のウリとなる技術・商品・サービスなど、客観的に理解し、かつ興味をもってもらえるようなコンテンツ作りが重要だ。
サイトの目的によって構成は大きく変わる。
カラーリング
色だけでなく、サイト全体の雰囲気をイメージに合うものにする。
(例)全体的には、オレンジ色で明るいイメージを出したい。
シックなブラウンをベースに、黒や白を使い、落ち着いたサイトにしたい。
デザイン
サイトのデザインもあらかじめイメージしておくと作業が早い。
(例)トップページにはFlashを使って動きのある華やかな感じを出したい、商品ページは左にサイドメニューがあり、そこから商品を選べる様にしたい。
STEP3 サーバ、ドメイン決定
サーバ
ホームページを作ったら、それをユーザーが閲覧出来る様にサーバにアップしなければならない。サーバは有料レンタルが主流だが、自社サーバ、無料サーバなどもある。
しっかりとした内容のサイトであれば、安定したサーバを選ぶのが良い。
不安定で繋がらないようでは、ユーザーを逃がしてしまうので・・・
ドメイン
ドメインは、独自ドメインを取得するか否か?
独自ドメインとは、ホームページ作成教室.comの様なドメインの事である。
独自ドメインは、日本語ドメイン、ローマ字ドメインなど様々ある。
知名度の高いのは、やはり.comだろう。
無料のサービスを利用している方はアドレスが、bignote.ne.jp/bgtueriuty/0489ybgjなどの様な長いアドレスになるのと、無料サービスが突然終了するなどしたら自分のサイトがなくなる、などのデメリットが多い。
STEP4 テストと修正
チェックポイント
- 誤字脱字
- ナビゲーション
- コンテンツの過不足
- キャッチコピーや画像の適正
- ユーザビリティ
出来あがったものをサーバへアップロードして確認する。
STEP5 一般公開
テスト終了して問題なければアップデートして、一般公開しよう。
これがサイト制作の流れだ、サイトが完成してから検索エンジンへの登録、SEO対策などを行っていく。
お問い合わせリンク一覧法人の方へ
|
教育機関の方へ
|
個人の方へ
|
通うのが難しい方へ
|
デザイン性
効果的なデザインで魅せよう
デザイン性の優れたサイトの強み
どんなに優れた文章でも、大学ノート一面にぐちゃぐちゃ書かれた文章を読みたい人は、あまりいないでしょう。
デザインだけを追求する必要はありませんが、見た目がすっきりとまとまったデザイン性がホームページ制作では求められます。
macがとても良い例だと思いますが、スタイリッシュでスマートなデザインは多くの人の心を魅了します。
ホームページ制作において、とても参考になりますね。
多くの人々から支持される様なデザインで、あなたのホームページ制作を行いましょう。
ネーミング
”おっ”と思わせるタイトル
何だろう?と思わせたら勝ち
インターネットには様々な情報が氾濫しています。
情報の波から、あなたのホームページに辿り着いても、期待感のないタイトルが並んでいたら、ユーザーの方々は簡単に他のページへ移るでしょう。
少しでも人々の興味、関心を惹く為にはタイトルが勝負です。
既成概念で考えるのではなく、遊び心たっぷりに考えてみましょう。
統一感を保つ
全体的なレイアウトの統一性
ホームページは一冊の本の様なもの
一ページ作り終って”ほっ”とするのは良いけれど、サイト全体の事を考える事もお忘れなく!
ページ単位では面白くても、サイトの中に入った時にどう映るかはとても重要です。
名刺の変わりの様な1~5ページ位のサイトだったら、あまり考えなくても良いのですが、10ページ以上の内容のサイトの場合は、各コーナーが変わっても全体的な統一感が保てなければ、バラバラな感じがしてユーザーの心は離れてしまいます。
全体的なレイアウトは保ちつつも、各ページで個性を出していくホームページを制作しましょう。
ユーザービリティーの高いサイト作り | ||
|
| ||
|
| ||
|
| ||

HOME









問い合わせメールを送る





