3-7 サイトの設計図を紙に書き出してみる

初めてHPを作成する場合、頭で考えた物をパソコンで入力するよりも、普段使用しているノートやメモ帳などに必要そうなコンテンツ(サイトの中身)を書き出した方が理解もしやすく、また作り忘れなども防ぐことが出来ます。

3-7-1 よくあるサイト構成

  1. 入口
    警告文・加入している同盟やサーチ等の掲示
  2. トップページ
    目次・カウンター・更新履歴等のあるページ
  3. サイトの案内ページ
    簡単なサイトの説明文、管理人のプロフィール、注意しておいて欲しい約束事の記載
  4. メインコンテンツ
    写真・イラスト・小説・詩 他
  5. 掲示板
    つけない方もおられます
  6. 日記
    つけない方もおられますが、大多数の方は毎日メインコンテンツが更新出来る訳では無いので、あった方がサイトを定期的に見て貰える機会が増えます。
  7. リンク
    自サイトへのリンクの方法、他のサイトへのリンク
  8. メール (メールフォーム)
    自サイトへの連絡先

3-7-2 簡単図解

上記の1~8の項目を簡単な図解にしてみました。

サイトの構成図


当サイトの場合は「1」の入口と「2」のトップページが兼用になっており、「5」の掲示板が無いだけで、ほぼ上記と同じ構成になっております。

まれに管理人宛ての連絡手段がウェブ拍手のみ(掲示板も無し)という方もおられますが、 出来るだけ(レンタルでも良いので)メールフォーム等を設置してみて下さい。 (サイトの感想を長文で送りたい方や、相互リンクを申し込みたい方も中にはおられます)

連絡先が無いとサイトのレイアウトが崩れていたり、ウイルスに感染したりした時に、訪問者からその旨の報告が出来ず、知らない間に誰も来ないサイト(もしくは悪質なウイルスをバラ撒くサイト)となる可能性があります(滝汗)

[ 関連事項 : HP-TIPS > HPの作り方 > フリーメールの取得 ]
[ 関連事項 : HP-TIPS > HPの作り方 > その他の心構え > 連絡先は必ず書いておく ]

3-7-3 サイトの構成は判りやすい方が良い

入口とトップページが兼用になっていたり、メールアドレスをサイトマップのみに記載していても特に不便はありませんが、 その他の物が一緒になっていると訪問者が困る(迷う)ケースが出て来ます。


具体例

次のページからはいよいよHTML文章の作り方を説明しております。9項目くらいに分かれているので、取り敢えず飛ばしてサーバーにファイルを送る方法を読まれたい方は、こちらの 『5-1 サーバーにデーターを転送する』 をご覧下さい。