ホームページを作成するのは難しい、と思っている人はとても多いみたいです。(私も最初はそう思っていました)
でも実際にはそんなことはありません。
まずはこの超基礎編で簡単なホームページを作ってみて、その簡単さを味わってみましょう!
ホームページを作るのに高価なものや難しい操作を必要とするものはいりません。
必要なものは、文字を入力する「テキストエディタ」と、作成したホームページを見るための「ブラウザ」の2つだけです。
ブラウザとは、皆さんがこのページを見るのにも使っている「Internet Explorer」や「Netscape」などのことです。
「テキストエディタ」とは難しそうな名前ですが、Windousに最初から入っている「メモ帳」などがそれです。
あとは文字入力さえできれば、誰にでもホームページをつくることができます。
(文字入力がわからないという人は、パソコンの説明書などをご覧下さい。少し練習すればすぐに理解できますよ)
テキストエディタを開いて下さい。メモ帳の場合「画面左下のスタートボタン→プログラム→アクセサリ→メモ帳」で開くことが出来ます。
うまく起動出来ましたか?
そうしたらそこに次のように書いて下さい。(アルファベットと数字は半角で入力して下さい)。
めんどくさいという人はコピーしたものを貼り付けてもかまいません。
コピーの仕方は、コピーしたい文章の初めの所までカーソルを持っていき左クリックします。左ボタンを押したままコピーしたい文章の終わりの所までマウスを進めます。文章が白黒反転しましたね。そうしたら左ボタンを離してから右クリックをします。コピーというボタンを選んで左クリック。コピーした文章を表示したいところにカーソルをあわせて右クリック、貼り付けを左クリックすればコピーされます。
書き終わったらそのページを保存します。メモ帳左上の「ファイル」から「名前を付けて保存」を選択して下さい。
ファイル名の部分に「no1.html」と入力、保存する場所を選んで保存して下さい。
今回はわかりやすいようにデスクトップにでも保存しておいて下さい。
(ファイル名の「no1」の部分は好きな言葉をいれてもらってけっこうです。しかし、かならず半角小文字の英数字かアンダーバー( _ )にして下さい。後述しますがサーバーによっては日本語のファイル名が使えないことがあるからです)
それではデスクトップに保存した「no1.html」をダブルクリックして、今書いたものをブラウザで見てみましょう。
・・・どうですか?ちゃんとおめでとうがみえましたか?(笑)
いまあなたは、メモ帳に文字を書いただけなのに、なぜブラウザで見ると色が付いていたり線が引いてあったりするのでしょうか?
それは先ほど入力した謎の文字<HTML>や<FONT>の働きです。
<と>で囲まれた「タグ」というものによって文字の大きさや色などを指定していたのです。
さっきの<FONT COLOR="#FF0000">祝!</FONT>を例にあげると
<FONT>というタグを使って、この後の文を#FF0000(赤い文字)で表示する、という設定にしています。
</FONT>は<FONT>のタグの役目はここまでですよ、(つまり赤い文字で表示するのはここまでですよ)という意味を示しています。
タグにはとてもたくさんの種類があります。色を付けたり、線を引いたり、表を作ったり・・・
ホームページはこのようなタグがたくさん集まってできています。
その全部を一度に覚えるのは不可能です。自分でホームページをつくっているとき必要になったものを、本を見たりしながら使っていきましょう。(このホームページでもタグ辞典等を作ろうかと思っています)よく使うタグはそのうち自然に頭に入ってくるはずです。