Archive for 8月, 2009

今回の記事にはホームページ初心者にありがちな間違いを正す注意が含まれていますので、ホームページ初心者の皆さんはじっくりとこの作り方を熟読してくださいね。

ただのテキストファイルを保存するのでしたら、基本的にファイルにはどんな名前でも付けられます。
しかし、ホームページにおいてHTMLファイルの名前に使用できる文字は半角英数と一部の記号のみとなっています。
日本語や全角英数で名前を付けると、そのホームページはブラウザに表示されません。
表示されないということはサーバにホームページが認識されないということで、これは初心者向けにサービスを行っているサーバでも専用サーバでも同じことです。

半角英数以外に使用できる記号は「.(ピリオド)」「-(ハイフン)」「_(アンダースコア)」等です。
「#(シャープ)」や「/(スラッシュ)」等は使えません。
(しかし、基本的に記号は使用せず、全角英数のみで名前をつけるのがよいとされています)

使えない記号として、ホームページ初心者の皆さんに作り方に注意していただきたいのが半角スペースです(厳密には記号ではありませんが)
スペースを入れてHTMLファイル名をつけると、サーバやブラウザに認識されないばかりか、ファイルの編集ができなかったりバックアップ(データファイルのダビングのこと)できなくなってしまう恐れがあります。
特に、ファイル名の先頭にスペースを入れると、そのファイルの削除さえ不可能となってしまいますので、そういったことのないよう充分ご注意ください。

さて、ホームページには必ずいちばん最初に閲覧者が訪れるページがありますね(厳密にはその1ページのみを「ホームページ」といい、以降のページを含めた全体を「サイト」といいます)
その最初のファイル名は「index.html」と定められています。

もしファイル名を「first.html」としていたなら、そのページのURLは「http://ドメイン名/first.html」となりますが、「index.html」とした場合URLは「http://ドメイン名/」となるのです。

HTMLファイルはホームページのひとつひとつのページになるものです。
ホームページのひとつのページにつき、HTMLファイルをひとつ用意しなくてはなりません。

HTMLとはプログラミングの一種です。
「プログラミング」というと作り方が物凄く難しいことのように聞こえますが、臆することはありません。
HTMLは最も作り方が簡単なプログラミングと言われているくらいで、ホームページの作り方を知らない初心者でも簡単に取り組めます。

HTMLファイルの作り方は、「タグ」と呼ばれるプログラムコードを書いて作ります。
初心者向けのホームページ作成ソフトとして「ホームページビルダー」や「Dreamweaver」など便利なものがありますが、メモ帳やワードパッドなど、家庭用パソコンに既存のツールでホームページ初心者でも作れます。

HTMLを書いたら当然そのファイルを保存しなければならないのですが、この際の保存形式には決まりがあります。
例えばメモ帳に書いたものを何の指定もなく保存しようとすればその形式はテキストファイルとなり、「ファイル名.txt」と名前がつきます。
ファイル名の後に付属する「.txt」は拡張子といいます。

HTMLファイルはその拡張子を「.html」もしくは「.htm」としなくてはなりません。
ふたつの違いはサーバによってどちらに指定されているかの違いなので、確認の上どちらかに指定して作ってください。

拡張子の変更は初心者でも特に難しいことではありません。
新規保存の際「ファイル名」だけを入力して保存すれば「ファイル名.txt」となりますが、「ファイル名.html」とまで入力して保存すれば拡張子ごと変更されます。