ホームページの作り方



第1回:ホームページを作るための準備

あなたは、パソコンを持っていなければなりません。
また、ホームページを見るためのブラウザというものが必要です。
ブラウザは、購入した当時からパソコンに入っています。
ブラウザは、ネットスケープもしくはインターネットエクスプローラという二つがあります。
私が使用しているのは、インターネットエクスプローラというブラウザです。
ここではインターネットエクスプローラを使用して作成することを前提とします
あなたのパソコンは、どちらですか?どちらがあるか確かめてください。





第2回:ホームページを実際に作ってみる

メモ帳を開いて下さい。
メモ帳を開く手順「スタートボタン」→「プログラム」→「アクセサリ」→「メモ帳」
そこに以下のように書きましょう。(英語は必ず半角英数で入力してください)



書き終わったら、下のように名前をつけて保存してください。
ファイルの名前はtest1.htmlと名付けます。






このファイルをインターネットエクスプローラで開くと、下の絵のようになります。
正しく表示されましたか?



この時に、注意しなければならないのは、保存したファイルの種類です。
かならず、○○○○.htmlのようにならなければなりません。
ホームページは、HTML言語を使用するからです。
正しく表示されなかった場合は、まずファイル名を確認してください

これができれば、あなたはホームページを作ったということになります。



正しく表示されなかった場合は、ファイルの種類を下のように確認してください。
「エクスプローラ」または「マイコンピュータ」→「表示」→「詳細」を押すと、
下の絵のようにファイルの種類が確認できます。

保存したはずのtest1.htmlのファイルの種類がテキスト文書になっているかもしれません。
もしtest1.htmlという名前のファイルの種類がテキスト文書と書かれていたら、保存したファイルの名前は実際にはtest1.html.txtという名前になっています。


そこで,正しくファイルの名前を表示できるように設定しておきましょう。
一度設定すれば、ファイルの種類がおかしいといった同じような間違いはもう起こりません。
それでは、設定方法を説明します。
「エクスプローラ」もしくは「マイコンピュータ」→「表示」→「フォルダオプション」を開いて下さい


以下のようにその中の「表示」を選び、「登録されているファイルの拡張子は表示しない」のチェックをはずしてください
適用ボタンを押してからOKボタンを押せば設定完了です。



これでファイルの名前が正しく表示されるようになりました。
test1.html.txtと表示された場合、このファイルの名前をtest1.htmlに直してください。
これでうまく表示できたかと思います。



第3回:プログラムを理解する

さきほど、メモ帳に訳の分からない英語を並べましたが、これについて説明します。

ひとつひとつの英単語は、カッコでくくられています。
カッコでくくった英語は、タグと呼ばれています。

タグとは簡単にいうと、機械に対しての命令です。
命令をしたら、その命令を終了させなければならないので、スラッシュで命令を終了させます。
下のように、分かりやすく色分けしました。一つの命令が対になっているのが分かるでしょう。


BODYのタグの間に、本文を書きます。
もし違う場所に書いてしまった場合は、何も表示されないはずです。
タグは、大文字小文字どちらでも構いません。ただし半角英数でなければなりません。

このプログラムは、基本構造です。どんなホームページもBODYタグの中に言葉や新たなタグを入れて、作成されています。


インデックスページに戻る