サルでもできるＨＰ作成


今やIDとパスワードを入力すれば簡単にHPが作れる時代です。
それでもいいんだけど、型にはまったHPより独自のHPを作ってみませんか！
それと、作り方を理解しておけばいろんなことに応用できます。
簡単に説明すると、まずプロバイダーにHP枠をもらって、ページを作ってプロバイダーのサーバーにアップするという作業になります。これでHPのできあがりになります。
まずはページの作り方から説明していきます。 

<html>
<head>
<title>ＨＰ作成</title>
</head>
<body>
サルでもできるＨＰ作成
</body>
</html>

枠の中がＨＰの基盤となります。これはHTML言語といい、HPを作る際のプログラム（ソース）です。
このソースはどのホームページでも見ることができます。
このページのどこでもいいので右クリックしてその中にソースの表示があるのでクリックすれば見れます。
これが理解できるようになれば、個性あふれるホームページができ、いろんなテクニックをパクることもできるようになります。
現に私のＨＰもパクってきたものも多々あります。
枠の中のソースで下のようなページができます。
あとは<body>と</body>の間に文字や画像を入れていけばHPのできあがりです。

サルでもできるＨＰ作成









●とりあえずこのページを作ってみましょう。
ＨＰを作る前に専用のフォルダ（箱）を作っておきます。
たちまちはデスクトップにフォルダを作りますが、自分のわかりやすいところに作ってください。
デスクトップで右クリックする→新規作成からフォルダをクリックすると新しいフォルダができます。それにわかりやすい名前をつけます

●次にページを作ります。
初めにメモ帳を開きます その中に最初の枠の中をコピーしてメモ帳に貼り付けます。これでプログラムのできあがりです。
次にページを保存します ページ上部のファイルをクリックして名前を付けて保存をクリックして保存先をデスクトップにします。ファイルの種類をすべてのファイルにしてファイル名にindex.htmlと入力します
そして保存する場所はデスクトップにしたらさっき作っておいたフォルダが出てきます。そのフォルダをクリックして下の保存をクリックします
これでトップページの完成です。

●では、作ったページを見てみましょう。
デスクトップから作ったフォルダをダブルクリックすると作ったページが見れます
するとできたてほやほやのＨＰが見れます。これがあなたが今作ったＨＰです。ちょっと感動！かな？
見てわかるように、まだサルでもできるＨＰ作成という文字しかないＨＰなので淋しいですよね。
ここからがＨＰ作りのスタートです。

●これから先はタグを使って文字や画像をつけていきます。
詳しくは、パソコンの部屋、を見ればわかると思います。
そこのページの気に入ったタグを入れていくだけです。
入れるところは、<body>と</body>の間です。
要するに、<body>と</body>の間にいろいろ入れていくだけです。
例えば、サルでもできるＨＰ作成、という文字を大きくしたい時は
<font size=7>サルでもできるＨＰ作成</font>
↑これを<body>の下に貼り付けます。貼り付けたらページを保存します。
上部メニューのファイルから、名前を付けて保存をクリック。保存する場所が、作ったフォルダになっているのを確認して、ファイルの種類をすべてのファイルにして index.html というファイルをクリックして保存をクリックします（拡張子がついてない場合はパソコンの設定で拡張子を表示しないになっています）次の画面で、はい、をクリックします。
保存ができたら確認してみましょう。

・文字その他を中ほどに置きたいときは、<center>を使い、終わりに、</center>　を入れます。ページ全部をセンターでそろえるのならいいけど、タイトルだけセンターに置きたい時はその都度、</center> を入れましょう。
・下線を入れる時は、<u>文字</u>
・改行したい時には、<BR>を使います（小文字でもかまいません）
・画像を入れたい時は、<img src="○○">　○○に画像のアドレスを入れます。
・画像にリンクを入れたい時は、<a href="リンク先のアドレス><img src="画像のアドレス"></a>
・画像リンクから別ページを開きたい時は、リンク先のアドレスの後ろに、target="_blank"　を入れます。
・画像のリンク枠を消したい時は、画像の名前の後ろに、BORDER= "0" を入れます。

たとえば↓ 

<html>
<head>
<title>ＨＰ作成</title>
</head>
<body>
<center>
<font size=7><u>サルでもできるＨＰ作成</u></font>
<BR>
<BR>
サルでもできるＨＰ作成
<BR>
<BR>
<font color="red">サルでもできるＨＰ作成</font>
<BR>
<BR>
<img src="http://ww4.tiki.ne.jp/~nonpi/carp.gif">
<BR>
<BR>
<a href="http://sports.yahoo.co.jp/baseball/"><img src="http://ww4.tiki.ne.jp/~nonpi/carp.gif"></a>
<BR>
<BR>
<a href="http://sports.yahoo.co.jp/baseball/" target="_blank"><img src="http://ww4.tiki.ne.jp/~nonpi/carp.gif" BORDER= "0"></a>
<BR>
<BR>
<a href="mailto:メールアドレスを入れる">メール</a>
<BR>
<BR>
<a href="index1.html">NEXT</a>
</center>
</body>
</html>


これで下のようなページができます、これでＨＰらしくなりましたね。

サルでもできるＨＰ作成

サルでもできるＨＰ作成

サルでもできるＨＰ作成







メール

NEXT




●次に２ページ目を作ります。
同じように枠の中をコピーして同じように保存するのですが、保存する時の名前を、index1.html にしておきます。
それと２ページ目から、１ページ目に戻るようにしたいので、NEXTのところを戻るに変えて、<a href="index.html">戻る</a> このように変えます。
これで２ページ目のできあがりです。
１ページ目、トップページのファイルの名前が、index.html で、２ページ目の名前が、index1.html になってます。トップページだけ、index.html なのですが、２ページ目からは、index という名前を好きな名前に変えられます。ただし半角英数字で。

ページを作ったらサーバーにアップロードするわけですが、プロバイダーにホームページの利用申請をすればＨＰ枠がもらえるので、その手続きをしてからアップロードするようになります。
アップロードするには、ＦＴＰソフトが必要になります。
ＦＴＰソフトはここ、からダウンロードできます。３ヶ月間無料で使えます。でもアップロードの機能は永久に使えるみたいです。
ジオシティーなどでは、作ったソースをそのまま貼り付けるだけで簡単にホームページができます。