トップページ > ホームページ作成講座
ホームページ作成講座

ホームページが作りたいが、作り方がわからない人へ。
無料でメモ帳からホームページを作成する方法を紹介します。

※お金がかかっても楽に作りたいという方は、ホームページビルダー等のソフトで。
※また、無料では他に、ブログや@wikiなどのサービスもあります。

1. ホームページスペース
ホームページを公開するアドレス(ホームページスペース/以下サーバ)を取得します。
プロバイダで提供しているところもあります。
それ以外のサーバは、「無料サイト集 Kooss.com」などを参照するとよいです。
2. ページ作成の基本
取り敢えず、以下の緑色の部分をメモ帳に貼り付けます。

<html>
<head>
<title>ホームページ</title>
</head>
<body bgcolor="#ffffff" text="#000000" link="#0000ff">
本文
</body>
</html>


これを「index.html」という名前で保存します。(htmlがページの拡張子です)
保存したら、index.htmlを開いてみましょう。
白い背景に黒い文字で「本文」と書かれたページが表示されます。
基本的にこの部分に内容を書いていきます。
3. ページの編集
index.htmlを編集してみます。
表示→ソースの表示 または 右クリック→ソースの表示 で、作成したメモ帳が出てきます。
「本文」の部分(以下[body])に何か書いて、上書き保存し、ブラウザで更新してみましょう。
書いたものがそのまま表示されます。
文字のサイズ・色などはタグ講座を参照してください。
4. リンクの仕方
2.の手順でもう1つページを作成してください。(これを「page1.html」とします)
index.htmlからpage1.htmlにリンクしてみます。以下の緑色の文字をindex.htmlの[body]に貼り付けてください。

<a href="page1.html">リンク</a>


これで、「リンク」をクリックするとpage1.htmlに移動できるようになりました。
この文字やアドレスはリンクする場所によって変更してください。
5. 画像の表示
1つ画像ファイルを作成してください。(これを「image.gif」とします)
index.htmlにimage.gifを表示します。以下の緑色の文字をindex.htmlの[body]に貼り付けてください。

<img src="image.gif">


また、4.の「リンク」の部分にこのタグを入れれば、画像からリンクできるようになります。
6. 公開
まだ完全に未完成ですが、インターネット上に公開する方法を紹介します。
私も使っている方法では、FFFTPというフリーソフトウェアを使います。
(ソフトのダウンロード・使い方は自分で検索してください)
1.の作業で取得したアドレスにファイルを転送してください。

公開作業が終わったら、ブラウザの「アドレス」にホームページのアドレスを入れて移動してみてください。
7. 最後に
ここで紹介した作業は、ホームページを作る必要最低限な知識のみです。
その他レイアウト・アクセスアップなどについては「html小技集」などを参照するとよいです。

ホームページ作成に一番必要なのは、やる気と根気です。たぶん。
どんなホームページ(ジャンルなど)にしたいのかをはっきりさせてから取り組むとよいです。
また、著作権など法律には十分注意してください。