ここでは、どのようにしてホームページが作るのかを理解してください。
ホームページは HTML という言語を用いて記述します、ホームページ作成と聞くと二の足を踏む方が多いですが、難しいと思っているだけで、基本が多少でも見えてくると案外できてしまうものです。
ホームページを制作するには次のような方法があります。
○ホームページ制作ソフトIBM ホームページ・ビルダーVersion10で制作する
○テキストエディタで制作する
ここでは、HTMLを理解してテキストエディタで作成するための手順を紹介します
ホームページを制作するための準備
テキストエディタ
Windows の場合はメモ帳([スタート]→[プログラム]→[アクセサリ]→[メモ帳])
Macintosh の場合は SimpleTextでメモ帳を開きます
フォルダを作る
作成する各種ファイルを格納するためのフォルダを作成します。例えば、C: ドライブの直下に
HomePage という名前のフォルダ(C:\HomePage)を作成するには次のようにします。
- [スタート]→[プログラム]→[エクスプローラ] または [スタート]→[すべてのプログラム]→[アクセサリ]→[エクスプローラ]
でエクスプローラを起動してください。
- 左側のツリーで、[マイコンピュータ] の中の [ローカルディスク (C:)] を選択してください。
- エクスプローラのメニューから [ファイル]→[新規作成]→[フォルダ] を実行してください。
- [新しいフォルダ] が作成されます。[ファイル]→[名前の変更] で、フォルダの名前を HomePage に変更してください。
拡張子を表示
ホームページの作成において、拡張子(ファイル名末尾の .txt や .htm
などの文字)は非常に重要です。下記の手順で拡張子を表示するモードに変更しておくことを強く推奨します。
- エクスプローラの [ツール]→[フォルダオプション] を実行してください。
- [表示] タブの中の [登録されている(ファイルの)拡張子は表示しない] をオフにして [OK] ボタンを押してください。
テキストエディタでHTMLを書く
メモ帳などのテキストエディタで HTML 文書を作成します。テキストエディタであれば [メモ帳] 以外でも構いません。Word
などのワープロを用いる場合は、保存時にテキストファイルとして保存する必要があります。
- [スタート]→[プログラム]→[アクセサリ]→[メモ帳] を起動してください。
- メモ帳に次の文章を入力してください。
<html>
<head>
<title>ホームページ作成の練習</title>
</head>
<body> できました、初めてのホームページです。 </body>
</html>
これを、C:\HomePage フォルダに test.htm という名前で保存します。
- メモ帳の [ファイル]→[名前を付けて保存] を実行してください。
- ファイル選択ダイアログが表示されるので、目的のフォルダ(C:\HomePage )に移動してください。
- [ファイル名] に test.htm と入力し、[保存] ボタンを押してください。
ファイル名が test.htm.txt になってしまう場合は、メモ帳の [名前を付けて保存] で、"test.htm" のように、ファイル名を "..."
で囲んでみてください。
ブラウザで表示してみよう
今作成した test.htm をブラウザで表示してみましょう。
- ブラウザ(IE6.0 とします)を起動してください。Windows XP の場合は、[スタート]-[すべてのプログラム]-[Internet
Explorer] などから起動することができます。
- ブラウザ(IE6.0)の [ファイル]→[開く]→[参照] で、目的のフォルダに移動して、test.htm を選択して [開く] ボタンを押してください
「初めてのホームページです。」という文章が表示されていると思います。これで、とりあえずは、初めてのホームページの完成です
いかがですか? 難しいと思っているだけで、やってみると案外簡単にできたはずです。
無料でホームページを制作するならこちらのサーバーがお勧めです。
◎ 1GBの無料ホームページスペース
◎ TOK2 FREE HOMEPAGE