メモ帳で作ってみる/ソフトウェアで作る/FTPソフトを使ってサーバーに送る
１．メモ帳を起動します。
２．HTMLの基本要素を半角英数字で打ちます。
３．文字を打ってみます。
続いて次の内容をコピーして、「メモ帳」に貼り付けます。
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; CHARSET=Shift_JIS">←基本要素
<TITLE></TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>
６．保存します。ファイル→名前を付けて保存
７．完成
メモ帳を閉じ、マイドキュメント→「ホームページ」フォルダ→保存した「index.html」をダブルクリックで開いてみましょう。
編集する場合は、
保存したファイルがない？！というときは「ファイルの種類：すべてのファイル」にしてください。あとは文章を加えたりタグを記述してみたり、文字を打つことに変わりありません。編集を終えたら「上書き保存」するのを忘れずに。
続いて、作成したページにタイトルを付けてみます。先ほど貼り付けたソースを見てみると、<TITLE></TITLE>この1行が確認できると思います。ここでは「マイホームページ」というタイトルを付けることにします。上記の部分を次のように記述してください。
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; CHARSET=Shift_JIS">
<TITLE>マイホームページ</TITLE>←タイトル
</HEAD>
<BODY>
</BODY>
</HTML>
記述し終わったら、「メモ帳」のメニューで「ファイル」→「上書き保存」をクリックします。保存が完了したら、再びブラウザに戻り更新ボタンをクリックします。どうでしょう？変化がありましたか？ページは無地のままですが、ブラウザ上部のバーに「マイホームページ」というタイトルが表示されていると思います。これでタイトルを付ける作業は完了しました。
最後にページの内容を書いてみましょう。先ほどのソースをもう一度見てください。<BODY>〜</BODY>という部分がありますが、ページの内容はこの<BODY> 〜 </BODY>の間に書き込んでいくことになります。試しになんか書いてみましょう。
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; CHARSET=Shift_JIS">
<TITLE>マイホームページ</TITLE>
</HEAD>
<BODY>
私のホームページへようこそ！
</BODY>
</HTML>
書き込みが完了したら、「メモ帳」のメニューで「ファイル」→「上書き保存」をクリックします。保存が完了したら、再びブラウザに戻り更新ボタンをクリックします。
ホームページ作成ソフトを使う場合は、ソフトに使い方が載っていると思いますので、ここでは省略します。ですが、必ずこのようなホームページ作成ソフトには「テンプレート」というものが入ってます。デザインやコンテンツは既に組まれており、内容を自由に変更することができるというものです。
…が！！これ、便利なんですが、これを使っていると全然HTMLやCSSが上達しません！！なので、あまり使うことはオススメしません…。こういうホームページ作成ソフトはHTMLを書き込むと、すぐにプレビューできるので、HTMLやCSSを勉強するにはとても良いと思います。そして、基本要素も最初から記述されているのでとても楽です。
1ページでもできたら、そのHTML文書に「index.html」と名前を付けてサーバーのあなたの部屋に送ってみましょう。画像を使用している際はこれも忘れずに。これを「アップロード」といいます（反対語は「ダウンロード」です）。FFFTPアップロードが完了したらブラウザソフト（インターネット）を起動して、あなたのホームページアドレスを入れてみましょう。作成したページが表示されれば成功です☆
Last update:2022/12/12