サイトを作る時の諸注意＋お勧め紹介


サイトを作る最終準備

ということで、いよいよサイトを作っていきます。
最初の頃に書いた「作りたいものリスト(メニュー)」「デザイン(サイトレイアウト＆色)」を手元に用意しましょう。 それを元にサイト構成をあらかじめ決めていきます。 サイト構成とは、リンクページはどのフォルダの中に入れるのか、月ごとに分けた日記ページはどのフォルダの中にまとめるのか等の決まりことです。

例えば↓の様な感じのものを紙に書いてみます。 サイト構成図

それを元に、実際にフォルダを作ってみましょう。(↓こんな感じで)
実際のフォルダ構成


なぜ最初にこういったものを作ったかというと、前に説明した「リンク」に関係があります。 あらかじめどこにどのページを作るかある程度決めておくと、サイト内の別のページにリンクを張るのが楽になります。
では、実際に各ページを作っていきます。


トップページ

サイトに必ず必要なのが「トップページ」です。 通常HTML/XHTMLで作る場合「index.html」という名前にします。 (決まりごとのようなものです。)
ここがサイトの出発点なので、以下のようなものが必要になります。

サイトタイトル
サイトの名前です。
サイト内の他のページへのリンク(メニュー)
トップページだけで完結するサイトはありません。他のページを見てもらうためにメニューを作りましょう。
ゲームの著作権表示
ゲームのファンサイトの場合は、トラブルを避けるためにも必ず書いておきましょう。

また、以下のようなものがあると親切です。

最終更新日時
サイト内のページを最後に更新した日付。これがあると、よく来てくれる人が「あ、何か更新されてる」というのが分かるので。
管理人名
趣味のページなら本名でなくハンドルネーム等にしましょう。
更新履歴
サイト内のどのページをいつ更新したのかを載せる。例えば「2005年5月15日：日記更新」といったもの。
管理人への連絡手段
メールアドレスを載せたり、メールフォームや掲示板へのリンクがあるといいですね。

さらにこれに、来た人に特に知っておいて欲しいことなんかを書いておくと目立つのでいいですね。
あとは自分の好みで、画像で飾ったり注意書きを載せたりしましょう。


上のようなことを、今までのサンプルソースを元に改良して作っていきましょう。
なお、かなり前のページで説明した「レイアウト」。 あそこで説明したレイアウトのサンプルHTML+CSSを作ったので、良ければお使い下さい。


各ページ

ここでは、とにかく自分の書きたいことを書きましょう。

1つ入れておくといいのは、トップページ(index.html)へのリンクです。
何故かというと、検索エンジン(Yahooやgoogle等)でいきなり日記ページに来た人は、その日記ページが最初に表示されますよね？ もしトップページへのリンクがあれば、日記を読んだ後ひょっとしたらトップページを経由してサイト内の他のページも見てくれるかもしれません。

というわけで、トップページへのリンクは各ページに張っておいた方がお得です。


掲示板

掲示板(BBS)というのは、さすがにいきなり自分で作るのは難しいです。 なので、最初はレンタル掲示板を使うことをお勧めします。 レンタル掲示板は検索エンジンで探せば結構沢山あるので、見た目や機能を色々比べてみて、自分が使いたいものを借りましょう。


もちろんCGIやPHP等の知識のある方は、配布されている掲示板を使ったり自分で作ったりもOKです。


完成したときのチェック項目

取り合えず完成！って時に、以下のことをチェックしてみましょう。


  • 全ページのリンクを押してみて、「ページが見つかりません」と出ること(リンクの張り間違い)がないかをチェック。
  • ブラウザを最大化させたり、画面の半分くらいにまで小さくしてみる。表示が明らかに変になっていないかチェック。
  • 文字はきちんと読めるか？背景と文字の組み合わせによっては、非常に見づらくなることもあります。

いよいよ公開

とりあえずサイトが完成しました。
作ったら公開したいですよね？
ということで、次のページでは公開の仕方を説明します。