| ■何を伝えたいのか？ |
|
| 「ホームページとは何か？」で説明したように、ホームページとは単なる情報を伝える道具にしか過ぎません。重要なのは、ホームページと言う道具を使って、あなたが何を伝えようとするかです。あなたに伝えたいことがなければホームページは作ることができません。本を例にとってみれば、表紙や目次もなく、すべてのページが白紙の本ということになってしまいます。この意味で、ホームページを作る際自分が伝えたい内容を考え整理することはとても重要です。あなたに何かの伝えたいことがあれば、自然と表紙ができ、目次が作られ各ページができあがります。 |
|
| ■ホームページの内容構成を決める |
|
一般にホームページは右図のような構成になります。
 右図の「1」は表紙（トップページ）にあたります。「2-1」はそのページからたどることができるページを表しています。同様に「3-1」は「2-1」からたどることができるページです。この形をどこかで見たことはありませんか？そうです、あのエクスプローラーで見ることができるフォルダーやファイルの階層構造と同じ形をしています。ホームページではこの形をサイトマップ（或いはリンク構造）と呼びます。ホームページの地図という意味です。このことによってホームページを作る人はどのページどんな内容を書くかわかりやすくなります。ホームページを見る人にはどのページにどんな内容があるのかがわかりやすくなります。「1」「2-1」「3-1」・・・は作成する一つ一つのhtmlファイルに該当します。又「１」で示されている場所を第１階層と呼びます。同様に「２」で示されている場所を第２階層、「３」で示されている場所を第３階層と呼びます。
サイトマップを作るなんて難しいと思わないで下さい。
 どんなページを作るか、そして各ページをどのように結びつけるかを示すだけで良いのです。簡単なメモでもなんでもかまいません。（できるだけ紙に書くか、ワードやエクセルなどで作った場合も紙に印刷して残しておく事をおすすめします。パソコンで作った場合は間違えて消去してしまうことがままあります。）
実際に作成する場合は次のようにすると良いでしょう。例を写真ギャラリーのページを作成することとします。右図のそれぞれのページの名前は仮のものです。あなたが作りたい内容にあわせて作ることができます。トップページからは「写真ギャラリー」「カメラ紹介」「ふるさと紹介」エッセイ」プロフィール」「メール」とたどることができます。又「写真ギャラリー」からは「人」「道」「山」「海」とたどることができます。
将来この「写真ギャラリー」に「人」「空」「寺」など付け足したくなったら「海」の下に付け足して行くことができます。ここで重要なのは、同じ内容のページならば同じ階層に作ることです。もし新しく作成した「橋」がトップページにつながっている第２階層に存在したら、見る人にとってはそのページは写真ギャラリーの一部か,、まったく別の内容のページかわからなくなり混乱が生じることになります。
このサイトマップを作成する作業はとても重要です。第１階層から第２階層へ各ページをつなげることによって、第１階層であるトップページから第２階層以下にあるすぺてのページの概略がわかるようになります。本に例えれば、目次を作ることに似ています。この各ページの内容の概略を示し、ページ間の関係示すことをナビゲーション・システムと呼びます。車で地図を示しながら行きたい場所への道路を表示するナビゲーション・システムと同じ考え方です。サイトマップの作成次第では、このナビゲーション・システムに混乱が生じ、結果的ホームページ全体がわかりにくく、使いにくいものになってしまいます。 |
|
| ■素材を用意する。 |
|
ホームページを作るには素材が必要です。一般的にホームページに使用する素材は以下の通りです。
●各ページごとの内容を記述した文章（テキスト）：
●各ページごとの画像（写真、イラスト画像を作るための簡単なスケッチなど）
注１：テキストを作成する場合は、できればテキストエディッタというソフトを使用することをおすすめします。ワードや一太郎などで作った場合、実際のホームページ作成の場合不具合が発生する場合があります。Windowsのパソコンではこのテキストエディッタとして「メモ帳」や「ワードパッド」がこれにあたります。スタート→プログラム→アクセサリの中に入っています。
注２：写真画像はデジカメで写したものなら、まだサイズ変更せずにそのままのファイルのままのほうが良いと思います。又、写真をスキャナーでスキャンした場合も同様です。ホームページをデザインする段階でサイズを変更しましょう。
注３：イラスト画像はホームページのタイトルや各ページの見出し、ボタンなどで使います。簡単な、どんなイラスト画像を作るのかがわかるぐらいのスケッチで十分です。 |
