ＨＰ作成講座その４：いよいよＨＰをつくってみよう！

いよいよＨＰを作ってみよう！
～初心者でもお金をかけずにＨＰ作れるよ！～

●●● ＨＴＭＬ文書にチャレンジ！ ●●●

さて、引き出しが用意できたら、いよいよページを一枚つくってみましょう。
あなたのパソコンに付属しているワープロ（メモ帳で十分）を開いてください。
そこに、以下のHTMLをコピー＆ペーストしてください。
（コピーしたい文章の先頭にカーソルを当て、左クリックしたらそのまま
コピーしたい文章の最後まで移動します。文字の部分が色が変わりましたか？
その状態で左クリックを離し、色が変わっている部分の上で右クリック。
｢コピー(C)」を選び、クリックします。そうしたら、貼りつけたい場所
（ここではメモ帳）の上に行き、右クリック。こんどは｢貼りつけ(P)」を
クリックすればＯＫです！）

<HTML>
<HEAD>
<TITLE>＊＊＊のホームページ</TITLE>
</HEAD>

<BODY bgcolor="#FFFFFF" text="#000000" link="#0000FF"
vlink="#FFC0CB" alink="#008000">


＊＊＊のホームページ
 
<CENTER> ＊＊＊のほーむぺーじにようこそ！ゆっくりみていってくださいね(^_^)
</CENTER>
</BODY> </HTML>

●●● いよいよプラウザで確認してみよう！ ●●●

無事貼り付けられましたか？
そうしたら、｢＊＊＊」の部分に、あなたの名前を入れてみましょう。
これが、HTML文書です。あなたはもう、HTML文書を作ったんです！(^_^)
ではさっそく保存してみましょう。メモ帳の「ファイル(F)」→
「名前をつけて保存(A)」を選びます。パソコンがどこに保存するか
聞いてきますので、あなたがさっき作ったフォルダを指定してください。
そして、この文書に名前をつけないといけません。トップページはふつう
「index.html」と名前をつけます。ファイル名をそのように直してください。
そして、｢ファイルの種類」が「テキスト文書」になっていると思いますので
それを「すべてのファイル(*.*)」に直し、｢保存」をクリックします！！
では、こんどはそれをＩＥやネスケの画面で見てみましょう！
ＩＥを起動し、（自動で接続してしまう場合は｢キャンセル｣→｢オフライン作業｣
を選んでください）｢ファイル」→｢開く」で、｢参照」ボタンを押し、
さっきあなたが保存したファイルを指定します。そして「ＯＫ」を
押すと･･･？どんな画面がでてきましたか？？？
あなたの名前のホームページがでてきたら、大成功！！
「またメモ帳が出てきちゃった！」というあなた。
あなたのパソコンは、拡張子を表示するように設定してありますか？
表示させる設定にしてから、もう一度チャレンジしてみてください。