STEP5

ホームページの原型完成！

STEP4ではタグを打ち込みました。次にこれをブラウザで開いてみましょう。
（ブラウザで開くとタグが表示されるのではなくあなたが普段見慣れている
普通のWebサイトのように表示されます。 あなたも現在このサイトをブラウザによって閲覧しています。）

ブラウザで開くにはテキストエディタ経由ではなく直接HTMLファイルを開きます。
方法はまずデスクトップにあるSTEP1の 「まずは準備をしましょう！」 で作った
「homepage」のファイルをダブルクリックし「homepage」を開きます。
※とにかくこのファイルを開けばよいのでマイコンピュータ等から開いてもOKです。
開いた「homepage」の中にSTEP4で作成した「index.html」というファイルがあるはずです。
そのファイルをダブルクリックしてみてください。

すると自動的にブラウザが起動しSTEP4で作った
「index.html」というファイルを見る事が出来ます。
※自動的にブラウザが起動されるのは拡張子を「.html」または「.htm」にしたためです。
また、拡張子が間違っていると表示されません。
ブラウザには「bodyタグ」の間に書いた文章が表示されるはずです。
それが表示されれば成功です。あなたはタグ打ちでホームページを作った事になります。

直接HTMLファイルを開く・・・ブラウザでWebサイトのように見える。
テキストエディタ経由でHTMLファイルを開く・・・ソース画面になりHTMLを編集できる。

ホームページを更新しよう！

これだけでは当然内容が不足ですよね？
次はどのように内容を継ぎ足していけば良いかということを解説します。
これから内容を継ぎ足すときは今度は テキストエディタ経由でHTMLファイルを開きます。
まずはこれまで使ってきたテキストエディタを開きます。
そして「ファイル＞＞開く」と操作します。 そして STEP4 で保存先を設定したときと同様に
「homepage」を開きます。


■メモ帳を使用している方はここをクリック