◆ネットでおこづかい〜ネットで得しよう♪〜 HPでおこづかいとは   ・HP作成ソフト   ・HPスペース
   ・広告を貼る   ・アクセスアップ
TOP → ホームページを作ろう

■ホームページを作ろう
 HP作成ソフトは手に入ったでしょうか?
 では、早速作っていくのですが、HP作成ソフトを使う前にまずは以下のことを決めておきます。

 1.HPのテーマと名前
 2.だいたいのTOPページのデザイン

 HPを作ろうと思った時点で漠然とは決まっているかもしれませんが、実際に作ろうと思うと漠然とではなかなか進みません。
 上の二つを漠然とではなく、ある程度はっきりと決めてから、HP作成ソフトを使っての製作に取りかかっていきます。

◆HPのテーマと名前
 HPのテーマとは、要するに内容のことです。
 「どんなHPを作りたいか」または「何のHPを作りたいか」です。
 何でもありのHPは来てくれる人のニーズになかなか合わないと思いますので、何かテーマを決めてそれに関連したサイトや商品を紹介していきます。
 テーマは何でもかまいませんが、特に最初のうちはできるだけ絞った方がいいと思います。
 例えば漠然と「得するサイトを紹介するサイト」とするのではなくて、「無料でおこづかいを稼げるサイトを紹介するサイト」と言うように絞って決めます。
 でないと、最初のうちはどうしてもあれもこれもしたくなりますので、だんだん収集がつかなくなってしまいます。
 もっと範囲を広げたい場合は、HPを作ってから徐々に関連テーマで大きくしていけばいいんじゃないかなと思います。
 いきなり完成形を作るのではなくて、徐々に進化していくって感じで。(初心者でいきなり大きなサイトは無理だと思います。)
 まずは数ページの小さなHPを作ることを想定して、絞ったテーマを決めましょう。
 
 で、テーマが決まったらそのテーマに沿ったHPの名前(サイト名)を決めます。
 あなたのHPの題名としてとても重要ですのでよく考えてつけてください。
 HPでおこづかいを稼ごうと思うと、たくさんの人に見に来てもらわなければなりません。
 そのときに重要なのがYahoo!やGoogleなどの検索エンジンで検索されることです。
 あなたのHPも作成後に検索エンジンに登録することになると思いますが、それを考えるとサイト名には「HPの内容がひと目でわかる」、しかも「他のHPではあまり使われていない」「検索に引っかかりやすい」単語を入れることがベストです。
 が、そんな単語はおそらくないでしょう(ほとんどの言葉が使われ尽くしていると思います(^^;))。
 なので、名前を決めるときに一番意識しないといけないのは「HPの内容がひと目でわかる」だと思います。
 例えば検索にかかりやすいようにと、全く関係ない芸能人の名前を入れるなどして実際によく検索されても、来てくれた人の求めた情報がなければ収入にはなりません。
 また、自分の名前を入れて「ちーちゃんのホームページ」なんてつけても何のHPだかさっぱりわかりません。
 「自分のHP内の情報が、その情報を探している人にちゃんと検索されること」。
 それを意識してつけるのが、大事なんじゃないかなって思います。

 なお、HP作成後にテーマや名前を変えることもできますが、非常に手間がかかりますし、相互リンクなどしていただいていると相手サイトさんにも迷惑なのであまりしない方がいいと思います。
 よほどのことがない限り変えなくていいような名前をしっかり考えてください。

◆TOPページのデザイン
 TOPページとは、そのHPの一番最初のページのことです。
 HP作成ソフトを使う前に、まずは紙に作ろうとしているTOPページを簡単に書いてみます。
 見やすくて良い印象を与えるようなデザインが良いのは言うまでもありませんが、具体的にTOPページには何を載せればいいのでしょう?
 「何を」はHPにもよるのですが、色んなHPを見ていきますと以下の4つで構成されていることが多いようです。

 1.サイト名
 2.そのHPの簡単な説明
 3.目次
 4.オススメの情報や商品

 多くのHPは、これに更新履歴やリンク集などを付け加えて出来上がっているのですが、基本的には上の4つをどう配置するかでそれぞれ違いが出てきているようです。
 なので、最初は何をすればいいかわからないと言う人は、この4つの配置を紙に線などを引いて簡単に考えてみましょう。

 なお、いまいちイメージがわかないと言う人は、すでにネット上に公開されている先輩方のHPを参考にするのも良いと思います。
 色んなHPをじっくり見てみますと、「これは見やすい」とか「これは見にくい」とかあると思います。
 自分で良いと思うサイトがあったら参考にして考えてみましょう。

<<注意!!>>

 参考にするのは構いませんが、
他のサイトのコピーは絶対にしないでください
 ネット上の全てのHPは、作った人に著作権と言う権利があります。
 それを無断でコピーすると言うことは、この権利を侵害したことになり、訴えられても文句は言えません。
 実際、多くのサイトのTOPページや注意事項を書いたページなどで、サイト内情報の転載の禁止が書かれていると思います。
 いいなと思うサイトがあったらその色調や配置を真似するのはかまいませんが、
一目見て参考にしたサイトがわかるような真似の仕方は絶対にしないでください。
 すでにあるサイトはあくまで参考として、文章など情報の中身は必ず自分で考えて掲載してください。

◆HP作成ソフトを使う
 さて、サイト名や内容、簡単なデザインが決まったら、ついにHP作成ソフトの出番です!
 早速作っていくわけですが、HPはまず第一に「見やすい」と言うことが一番です。
 どんなに良い内容を書いていても読んでもらえなければ意味がありません。
 では、何が見やすいのかと言いますと、一番簡単なのは、「シンプル」であることだと思います。
 私たちは初心者ですし、今、作ろうとしているHPは技術を見せるためのHPではありませんから、凝ったことはする必要はないんです。
 初めてですと妙に気合が入って余計なことをしてしまいがちですので(^^;)、十分気をつけてください。
 特に以下に3つに気をつけてください。

◇画像は極力減らす
 例えばかわいいイラストなんかがいっぱいあると見栄えがいいんじゃないかなと思って、いろいろいれたくなっちゃいますよね?
 しかし、画像は容量が大きくなりがちですので表示されるまでに時間がかかり、来てくれた人に余計なストレスを与えることになります。
 それでなくとも私たちのHPは、紹介するサービスの広告バナーや商品の画像などが多くなるわけですから、不必要な画像は極力避けた方が無難です。
 これは、写真や動画も同じ。
 凝ったものを作ったところで、そもそも私たちのHPはそう言った技術を見せる場ではありませんから、来てくれた人たちには大して興味もありません。
 単なる自己満足で終わってしまいます。
 見に来てくれた人、みんなが最新の環境を整えているわけではありませんし、できるだけ軽くして誰もがストレスなく見れるページを目指しましょう。

◇音を鳴らさない
 HPを開くと自動的に音楽や効果音が流れるHPがありますが、これもやめましょう。
 見る人の意志と無関係に流れてしまうと言うことは、そのHPを見る環境を限定してしまいます。
 例えば、会社や学校なんかで見ていていきなり音が鳴ったらびっくりしますよね?(会社じゃ見ちゃいけないんですが(^^;))
 また、自宅でも自室ではなくリビングなどにパソコンがあるお宅では、家族がテレビを見ていたりすると非常に迷惑です。
 たぶん、1度気まづいことがあったりすると、その原因になったHPには2度と来ませんからやめておきましょう。

◇壁紙はシンプルで明るめのもの・文字は背景より濃い色を選ぶ
 HPを作り始めると、いろいろ凝った壁紙を選びたくなるものだと思います。
 無料で提供してくださる素材屋さんなんかもたくさんありますので、好きな壁紙を選んでください。
 ただし、あまり複雑な絵柄のものはNG。
 時々背景の画像に文字が埋没して読めないHPがありますが、上に文字を書くと非常に読みにくいのです。
 また、色にも注意が必要です。
 壁紙はできるだけ明るい色を選んで、文字はバックより濃い色を選んでください。
 背景が濃い色で文字が明るい色(例えば黒に白抜きの文字とか)は、長い文章だと読みにくいですし、黒や濃い紫・青などの背景はなんとなく怪しいイメージを与えてしまいます。
 HPの内容によっては、その怪しいイメージが雰囲気を出していると言うこともあるでしょうが、それに当てはまるサービスや商品はかなり限られると思います(^^;)。
 白抜き文字などは、表題とか目立たせたいところだけにしましょう。

 最低限、以上の3つに気をつけて製作にとりかかってください。
 はじめてのときは結構時間がかかるものだと思いますが、がんばって仕上げてください。
 慣れていけば、だんだん早く自分の考えたとおりに作れるようになります(^^)。

◇HP作成ソフトの具体的な使い方について
 HP作成ソフトの使い方はソフトによって違いますので、わからないときはヘルプや使い方を詳しく載せているHPなどで調べてください。
 当サイトの「HP作成ソフトを手に入れる」の項でご紹介したサイトで「FrontPageExpress」を入手した方は、同じサイトに使い方も載せていらっしゃいますのでわからないときは参考にしてください。

  ← 「FrontPageExpress」の使い方はコチラ

 なお、HP作成ソフトの使い方については、

  1.背景、色の変え方
  2.表の使い方
  3.画像の貼り方
  4.リンクの張り方

 以上4つがわかれば十分です。
 あとは作りながら覚えていきますので、最初からあまり完璧を求めないようにしましょう。
 次はついにHPを公開!「HPスペース」へ進みます。

◇ ▲このページのTOPへ ◇ TOPページへ ◇ 前のページ(HP作成ソフト)へ ◇ 次のページ(HPスペース)へ ◇
広告 万馬券 無料レンタルサーバー ブログ blog