■無料ホームページスペース ■ ■Intel製CPU +高速SSDがたったの\877■





MENUに戻る    前のページ <<    >> 次のページ


「 ホームページの作り方 」 どうやって作るの?
ホームページを初めて作る人のための手順 とか

10のステップ

★ はじめに ★

ホームページを作ろうと思っても、いきなり出来上がったりしません。
面倒でも、まずは順序だてて焦らずゆっくり作りましょう。

ここでは、あくまで個人(超初心者)が作るホームページを対象としています。
ある程度の知識と技術を持っている方や、会社用、商用目的などの方は
他の支援サイト様を参考にすることをお勧めします。

また、「日記を中心にしたホームページにしたい」と思っている方は
ホームページよりも ブログ( blog )を活用することをお勧めします。



★ ホームページとは ★

そもそも「ホームページ」って何だろう。
皆さんはPCをインターネットに接続して何かを見ようと思ったとき
Internet Explorer や Netscape Navigator といった
「 Webブラウザ 」を使って、いろいろなページを見ています。
今、見ているこのページも webブラウザ を使って見ているはずです。

インターネット上で、このように webブラウザ を使って
見ることのできるページがいくつか集まって出来たものを
一般的にホームページと言います。
逆に言えば、ホームページはいくつかのページを集めて作ります。
ホームページはウェブサイト( website )と呼んだりもします。
単にサイトと呼ぶこともあります。

それらのページは殆どの場合、全て同じ場所に置いてあります。
その場所がウェブサーバです。単にサーバと呼ぶこともあります。

自分のPCでホームページ用のファイルを作ってリンクで繋いで
ウェブサーバにアップロードすればホームページが出来上がります。

趣味について、日常の出来事、写真、何かの感想など、様々なことを
自分から情報発信するために有効なのがホームページなんですね。



★ 作成のための準備 ★

ホームページを作るには、当然のことながらツール(道具)が必要です。
とりあえず次の3つが有れば大丈夫です。

(1)PC
これは持っていますよね。今このHPを見ているPCでOK!
HPを作成する場所(自宅など)にPCが無いという人は…
とりあえずPCを買って下さい。



(2)ウェブブラウザ
ブラウザというのはホームページを閲覧するためのソフトです。
最初に説明した Internet Explorer や Netscape Navigator などです。
大抵のPCには最初からこれらのソフトが入っています。
と言うか、入っているのを買って下さい。

※ ↑ ちなみにこれは Internet Explorer Ver.6.0 です。
   同じホームページを見ても、ブラウザによって見え方が違うことがあります。



(3)インターネット接続環境
あなたのPCが、今インターネットに繋がっていれば問題ありません。
自分のPCがインターネットに繋がっていないという人は…
とにかく早く、どこか良いプロバイダと契約して下さい。

 ↑ 主なプロバイダの例としては、こんなところがあります。
   もちろん他にもたくさんありますので自分の好きなところと契約して下さい。



ツール(道具)以外で最低限必要なのは…
文字を打つことができる。マウスを使える。といったPCの基礎的技術。
それと、ホームページを作るための場所と時間と忍耐力。
あとは、ほんの少しの愛と勇気。

これだけそろえば準備はOK! いよいよ次は本題の作業手順です。
さあ、最後の説明「 10のステップ 」に進みましょう。
え? 心配? 大丈夫です。なんとかなっちゃいますから!



★ 10のステップ ★

ステップ 1
どんなホームページにするのか、内容や目的を明確にする。

● コンテンツを考える
まず、ホームページを作って何がしたいのかを整理しておきましょう。
個人で作るホームページの多くは「趣味系」に該当すると思います。
例としては
・自分が撮った写真を見てもらいたい。
・美味しい店を紹介する。または、してもらう。
・野球、サッカー、ゴルフ、テニス、バスケなどスポーツ系の話題。
・釣り・囲碁・将棋・手芸・園芸など同じ趣味の仲間を集めたい。
・好きなタレントの話題でホームページをイッパイにしたい。
など。他にもいろいろあると思います。

● とりあえず…
なかには「とりあえず作って、内容は作りながら考えればいいや」といった
「とりあえず系」に該当するものもあると思います。
つまり「ホームページを作ってみたいから作る」というものです。
べつにそのような動機でも全くかまわないと思います。
「あなたの趣味は何?」
「ホームページ作り!」
こういうことって意外とありがちです。
まあ、本人が楽しいならそれで良いと思います。

  

ステップ 2
PCやHP作成に必要な基本用語やインターネットのマナーを覚える。
と言っても最初に全て覚える必要はなく、いろいろとやっているうちに
分からない言葉が出てきたらその都度調べて覚えていけばOK!

  

ステップ 3
デザインや構成を考える。

なんとなく…とか、アバウトなイメージでも大丈夫。
最初はレイアウトや作るメニュー、ページの繋がりなどを
文章や図にして紙に書き出してみると自分の頭の中も整理できます。
ホームページに載せたい画像なども事前にPCに保存しておいて下さいね。

  

ステップ 4
ホームページスペース(サーバースペース)を確保する。

自分のニーズに合ったレンタルホームページを探して契約(申し込み)します。
有料のものと無料のものがあります。種類も豊富です。
ご利用のプロバイダでレンタルするも良し、検索して探すも良し。
ただし、借りる(契約)前に利用規約などを必ず読んで理解しましょう。
HPのレンタルの申し込み(契約)ページやヘルプページには
いろんな説明がたくさん記載されています。
面倒くさいですが、HPを作り始める基本はここからです。
そうすることで契約や規約に関するトラブルが未然に防げます。

  

ステップ 5
これが肝心! HTML。

基本的なHTML(HP作成のためのプログラム言語)を覚えましょう。
でも、いきなり全部は無理。これも作りながら少しずつ覚えていけばOKです。
プログラム言語なんて言われると難しそうな気がしますけど大丈夫です。
このホームページの「HTML講座」や書籍などを参考にして下さいね。

※ ホームページ作成ソフトを使用する場合は
ソフトの「使用説明」「ヘルプ」「FAQ」などを参照して下さい。

  

ステップ 6
とにかく作ってみる!

最初は何が何だか分からなくて当然ですので、失敗して元々という気持ちで
とにかく最初の1ページ(トップページだけでも)作ってみましょう。
ブラウザで確認して変な箇所を直していけば、そのうちなんとかなります。
いきなりファイルマネージャーに入力して失敗するのを避けるためには
一度PCの「メモ帳」などにHTMLを書き込んでおいてからコピー&ペースト。
これなら「あ!せっかく書いたのにアップする前に間違って消しちゃった!」
なんてことが防げます。

※ メモ帳の使い方
ホームページはテキストエディタがあれば簡単に作ることが出来ます。
テキストエディタというのは、Windows の場合「メモ帳」です。
メモ帳にHTMLの規則に従って文字や記号を書き込んでいけば
「ホームページの元」を作ることが出来ます。これを保存します。
[ファイル]−[名前を付けて保存]で、MyDocuments等に保存します。
ファイル名は分かりやすく好きな名前を付けて下さい。
そのときに、ファイルの種類ごとにフォルダを分けておくと分かりやすいよ!

※ ホームページ作成ソフトを使用する場合は
ソフトの「使用説明」「ヘルプ」「FAQ」などを参照して下さい。

  

ステップ 7
情報のアッブロード。

サーバースペースに情報(ファイル)をアップロードしましょう。
この作業をしないとWeb上にあなたのHPが公開されません。
これにより、あなたのファイル1つ1つに「URL」と呼ばれるアドレス
「 ファイルの住所 」が割り当てられます。
「 http://www.geocities.jp〜 」
例えば、こんなやつです。↑ 見たことありますよね。
画像ファイルや音声ファイルなども同じです。
この場合も、ファイルの種類ごとにサブディレクトリを作ったりして
ファイルの保存場所を分けておくと分かりやすいよ!

アップロードのやり方は、レンタルしたHPの編集画面により異なりますので
レンタル元の説明を参照して下さい。
専用ソフトウエアを利用する場合は、利用するソフトウエアの説明を参照して下さい。

  

ステップ 8
ホームページの原型を完成させる。

一通りページが出来上がったらバラバラのファイルをリンクで繋ぎあわせて
HTMLの間違いやリンクの間違いを修正してHPの原型を完成させます。
あとは順次、ファイルの追加や修正をしていけば大丈夫です。

★ POINT !
背景画像、文字の色や大きさ、アイコン、ボタン、ラインなど
使う素材やバランスによってホームページの印象が変わってきます。
自分がどんなホームページにしたいのか、しっかり考えて下さい。
とりあえずトップページだけでも見映え良くしておけば来訪者の興味をひいて
コンテンツの中味も見てくれるかもしれないし、書き込みもしてくれるかも。

とりあえずトップページの簡単な見本画面をいくつか用意してみました。
右のボタンをクリックすると新しい窓が開きます。 これ → 



※ ホームページの見映えをよくしたり、全てのページの基本デザインを統一するのに
スタイルシート( CSS )という技術がありますが、ここでは説明しません。
すこし慣れてきたら他の支援サイト様で教わって下さい。

  
ステップ 9
その他のアイテムをそろえる。

必要に合わせて「日記」「掲示板」「カウンター」「アクセス解析」などを
レンタル契約して設置します。この場合も利用規約を守ってください。
その他、「自己紹介」や「更新記録」などを入れておけば親切だと思います。
「素材屋さん」などで無料で配布している画像や音楽などもありますので
慣れてきたら活用してみて下さい。

  

ステップ 10
ルールとマナーを守って運営開始。

ホームページが完成したら、いよいよあなたのホームページ運営が始まります。
これで、あなたもウェブマスター(管理人)です。
まずは検索エンジンに登録するなど「宣伝」をして来訪者を増やしましょう。
ただし、インターネットのマナーやルールを守って宣伝して下さいね。
ここでは具体的な宣伝方法は記述しませんので、他のサイト様で勉強して下さい。

HPの宣伝だけでなく、日記の記述、書き込みなど、全ての面で
ルールとマナーは必ず守って、快適なインターネットライフを楽しみましょう。



では、頑張って素敵なホームページを作って下さいね。検討を祈ります。


※ Yahoo! ジオシティーズのHPの場合のみ
自分のホームページが出来上がったら、多くの人に見てもらえる工夫をしましょう!
ジオシティーズの場合「ページディレクトリ」に登録すれば検索されやすくなります。
ページディレクトリには、Yahoo!ジオシティーズで作られたホームページが
テーマにそったカテゴリ別に登録されています。
登録方法は、こちら → ジオシティーズ使い方ガイド(ページディレクトリ)
※ 新しい窓が開きます






MENUに戻る    前のページ <<    >> 次のページ


    Click Here! Click Here!  
■お 得情報盛りだくさん
■高性能レンタルサーバ