子供と超初心者のためのホームページ作成教室、htmlの基礎から、フリー素材や掲示板チャットなどのCGI解説、javascriptなどの例も

ここではとにかく文章だけのホームページを作ってみましょう。まず皆さんにやっていただきたいのは、メモ帳というエディタソフトを開いてもらうことです。Windowsのメモ帳ソフトを開いてみましょう。

　
メモ帳が以下のように開いたら、下のようにタイプしてみてください。文章は自由にへんこうしてみてね。めんどうな場合はこの文章をそのままコピーしてメモ帳にはり付けてください。
　
くみチャンのページにようこそ

ここは私の作ったはじめてのページです。

これから一生けんめい勉強して、もっといかしたページを作ります。いろいろ応援してくださいね。

このページの内容は下に書いておきますので見てくださいね

自己紹介のページ
私の写真とペット
わたしのリンク集
おたよりくださいね
ここからがかんじんなところです。

メモ帳のファイル(F)から名前を付けて保存(A)を選んでフロッピィまたはフォルダに保存してください。

このときつけるファイル名をindex.htmとしておかなければなりません。

うまく保存できましたか？ファイル名がindex.htm.txtとなってしまった人はこちらを見てね

このindex.htmはまだホームページと呼ぶには不十分ですが、一応インターネットエクスプローラーではこのように見えているはずです。

さて、このindex.htmがまだホームページとして不十分だというのは、「これがホームページですよ」ということが書いていないからです。これをホームページとしてのととのった形式のものにするためには次のように書く必要があります。
　 <HTML>

<HEAD>
<TITLE>くみちゃんのホームページ</TITLE>
</HEAD>
<BODY>

くみチャンのページにようこそ
ここは私の作ったはじめてのページです。
これから一生けんめい勉強して、もっといかしたページを作ります。いろいろ応援してくださいね。
このページの内容は下に書いておきますので見てくださいね 自己紹介のページ
私の写真とペット
わたしのリンク集
おたよりくださいね

</BODY>
</HTML>

<HTML><HEAD><BODY>などのことばはタグと呼ばれるものです。タグとは、ここでかかれているのはこういう風に表示させてくださいとブラウザ（インターネットエクスプローラーなど）に知らせるためのつうやくのようなものです。

<HTML>はこのファイルがホームページですよと宣言するための言葉で、ホームページの内容は</HTML>までの間に書かれます。

<HEAD>と</HEAD>でかこまれた部分はその名前のとおり頭の部分です。この中に書かれる<TITLE>と</TITLE>でかこまれた部分はそのページのタイトルとしてここに表示されます。

<BODY>と</BODY>でかこまれた部分がホームページのじっさいの中身になります。

HTMLの中では改行や半角のスペースはむしされますので、あとで見たときにわかりやすいように、スペースや改行をてきとうに入れておくといいですね。

ここまで書けば一応ホームページとしての最低のものは出来上がりです。ここまでの記述したものをメモ帳のファイル(F)から上書き保存(S)で保存してみましょう。しかしこれだけではまだかっこうのわるい文章ですね。ここで確認してください。文章のせいけいはこれからです。

なお、タグは大文字で書いても小文字で書いてもかまいませんが、ファイル名は大文字と小文字をくべつしなければなりません。index.htmとINDEX.HTMは皆さんのパソコンでは同じものとして扱われますが、多くのホームページがおかれているサーバーはWindowsではなくUNIXが使われていることが多く、別のものとしてあつかわれるからです。そこでしょうこ先生がおすすめするのは、ファイル名をすべて小文字にする方法です。もちろん、日本語のファイル名も同一のじじょうですのでさけてくださいね。

ここでちょっとひけつをおしらせ

皆さんが作ったホームページをフロッピィやフォルダから開いてみるとメニューの中に表示(V)というメニューがあります。そこからさらにソース(C)を開いてみると、そのHTMLのファイルがメモ帳で開かれてくるので、そのホームページがどのように書かれているかがわかります。そこでそれをしゅうせいして上書き保存し、再度ホームページをこうしんしてみるとへんこうされたページが表示されます。ホームページのしゅうせいをする場合、このしくみを利用するとかんたんだと思います。