ホームページの作り方についての基本を紹介していきます。

ホームページを作成するには

ホームページを作成するには次のような方法があります。
知人やホームページ作成業者に依頼する。
有料でホームページ作成を代行する多くの業者があります。下手に自作するよりもプロに依頼したほうが安上がりな場合もあります。
ホームページ作成ソフトで作成する。
ホームページを作成支援するソフトが各社から発売されています。フリーのものやシェアウェアなどもあります。
テキストエディタで作成する。
ホームページはHTMLという言語を用いて記述しますが、パソコンでワープロを使ったことがある人ならすぐに覚えられると思います。

ここでは、最後のHTMLを理解してテキストエディタで作成するための手順を紹介します。

ホームページを作成するための準備

ホームページを作成するには、とりあえず、次の2つの物を用意してください。
ブラウザ
Internet Explorerや、Netscape Navigatorなどのブラウザを用意してください。以降の説明では、Internet Explorer 4.0のことをIE40、Netscape Navigator 4.0のことをNN40と表記します。
テキストエディタ
Windowsの場合はメモ帳([スタート]→[プログラム]→[アクセサリ]→[メモ帳])、Macintoshの場合はSimpleTextがあれば充分です。
これ以降の説明では、「Windows 95」で「Internet Explorer 4.0」と「メモ帳」を用いた例を示します。Macintoshの場合や、Netscape Navigatorの場合でも、メニューの名前が若干異なる(例えば[上書き保存]が単なる[保存]であるなど)場合がありますが、適切に読み替えてください。

テキストエディタでHTMLを書いてみる

テキストエディタに上記の文章を入力してください。英字はすべて半角文字で入力してください。

これを test.html というファイル名で保存してください。

ブラウザで表示してみる

今作成した test.html をブラウザで表示してみましょう。 上記の画像のように「初めてのホームページです。」という文章が表示されていますね。ブラウザのタイトルバーには「ホームページの練習」が表示されているはずです。

これで、初めてのホームページの完成です。

修正してみる

「初めてのホームページです。」という文章を次のように若干修正してみましょう。
私の初めてのホームページです。

修正したテキストを保存してください。

修正したファイルをブラウザで再表示してみましょう。 修正が画面に反映されましたね。

改行してみる

「私の」と「初めてのホームページです」の間に改行を入れてみましょう。
私の
初めてのホームページです。

ところが、これをブラウザで再表示しても、うまく改行できていません。「私の 初めてのホームページです。」のように、隙間があくだけです。

改行を行うには上記の画像のように修正して保存、再表示してください。

今度はちゃんと改行されるはずです。

太字にしてみる

今度は「ホームページ」を太字にしてみましょう。
私の初めての<B>ホームページ</B>です。

ブラウザで再表示すると、「ホームページ」が太字で表示されます。

色を変えてみる

今度は「ホームページ」を赤色にしてみましょう。
私の初めての<FONT COLOR=red>ホームページ</FONT>です。

ブラウザで再表示すると、「ホームページ」が赤字で表示されます。