About Code Homepage JavaScript Memo MT PHP Study Tools Vista
インターネットが一般家庭に普及しはじめて１０年になります。いまや個人が世界に情報を発信し、友人・知人と話したり、写真やビデオをＷｅｂに公開して共有したりすることが普通になりました。数年前からは、それまでの「ホームページ」や「日記」から「ブログ」、「ＳＮＳ」が主流になった。しかし、基本は「わたしのＷｅｂサイト」、つまりホームページなのです。そのための手段やツールの選択肢が増えたということです。ＨＴＭＬやWebサーバの知識の程度によって、ホームページ作成の方法も異なります。
ホームページを作成するのに必要なのは、つぎの二つのツールです。
以下の説明では、「Windows XP」で「Internet Explorer 6.0」と「メモ帳」を用いた例を示します。ほかのブラウザ（Netscape、Firefox、Operaなど）の場合、メニューの名前が異なる場合がありますが、適切に読み替えてください。
これから作成する各種ファイルを格納するためのフォルダを作成します。例では、MyHomeというフォルダを使います。つぎの手順で、[マイ ドキュメント] の下に MyHome という名前のフォルダを作成します。
※ エクスプローラとインターネットエクスプローラ（IE)は別のプログラムです。IEはホームページを表示するブラウザ(iexplore.exe)です。エクスプローラ(explore.exe)は、ディスク上のファイルやフォルダを表示します。
※ デスクトップに フォルダを作成するときは、画面上でマウスを右クリックして、[新規作成]→[フォルダ]を実行します。フォルダを右クリックして[名前を変更]することができます。
ホームページの作成では、拡張子（ファイル名末尾の .txt や .html などの文字）は非常に重要です。下記の手順で拡張子を表示するように変更してください。
メモ帳などのテキストエディタで HTML 文書を作成します。メモ帳以外のテキストエディタでも構いません。Word などのワープロを用いる場合は、保存時にテキストファイルとして保存する必要があります。
<html> <head> <title>ホームページの作成</title> </head> <body> 初めてのホームページです。 </body> </html>
これを、 [MyHome] フォルダの中に test.html という名前で保存します。
○ test.html ○ test-page.html × test&page.html × Test Page.html × テスト.html
※Windows で作成しているときは test.html も TEST.html も同じファイルとみなされますが、サーバーにアップロードすると別のファイルとして扱われることがあります。大文字と小文字の使い分け に注意が必要です。間違いを避けるためには、すべて小文字の英数字を使ったほうが良い。
HTML 文書の拡張子は通常 .html ですが、Windows 3.1 など古いシステムで拡張子に 3文字しか使用できなかったことから、未だに .htm とすることがあります。 .htm でも .html でもどちらでも構いませんが、間違いを避けるために、どちらかに統一して使ったほうがいい。
作成した test.html をブラウザで表示します。
左がメモ帳で作成したテキストです。これを、test.html の名前で保存したものをブラウザで開いたホームページです。スクリーンショットの例はFireFoxですが、IEでもおなじように表示されます。
「初めてのホームページです。」と表示されています。メモ帳で、
との間に書いたテキストです。これでとりあえずホームページが完成です。あとは、メモ帳で、
との間に、ホームページの内容（コンテンツ）を書いていきます。