

フラぺんパソコン講座へようこそ♪
ここでは特に小難しいことは一切説明しません。
とにかく、とりあえずホームページを作りたい方のために簡単に説明します。
詳しく知りたい人は検索エンジンなどで細かく調べてください。
あなたは今、ブラウザと呼ばれるソフトでこのホームページを見ているでしょう。
そのブラウザにはツールバー(アドレスが入力してある付近)があり、そこには「表示」というメニューがあります。
まず、そのソースをクリックしてみてください。
メモ帳などでたくさん文字が書かれたテキストデータが表示されるはずです。
そのメニューの中に「ソース」というものがあります。
よく見ると、中にはホームページに書かれている文章、単語などが入っていますね。
しかし、実際のホームページには画像などが入っているのに、このテキストの中には絵など一枚も見えません。
ホームページとはこの文字だらけのテキストで出来上がっています。
まず、細かなところは省き、ホームページとは以下のタグと呼ばれるもので作られています。
タグとは<○○>(始まり)〜</○○>(終わり)で〜を挟む<>で囲まれた文字です。
<html>
<head>
<titile>ホームページの名前(ブラウザの一番上に表示されます。)</titile>
</head>
<body>
ホームページの内容
</body>
</html>
上に書かれた
<html>から</html>まで(赤字で書かれている部分)をコピーしてメモ帳に貼り付け、「test.html」と保存してみましょう。
出来上がった「test.html」をブラウザにドラッグしてみてください。
これで、ページの出来上がりです。
ねっ♪簡単でしょ?
ホームページって簡単に作れるんです。
これを、サーバー(ホームページを公開するための場所)などにアップすれば世界中で見れてしまいます。
それでは、上の赤字で書かれたテキストについてご説明しましょう。
ホームページとは「html」という言語で作られています。
ですから、「これはhtmlです」ということを宣言します。
<html>〜</html>ですね。
この<html>というタグでくくってあげることによって、挟まれた内容は「html言語」であることを示しています。
次に<head>タグについて
ホームページの脳に当たる部分です。
<head>の中にはブラウザに表示されるホームページの名前<titile>〜</titile>でくくられた部分や、検索でひっかっかるようなキーワード、スタイルシートやjavascriptなどホームページを作るための指示のようなものをここに記載します。
<body>タグについて
ここは実際に目に見えるホームページの中身を記載します。
個々にタグ(<○○>(始まり)〜</○○>(終わり))で囲むことにより、文字や文章に装飾をし、まとまりのあるページになります。
詳しいタグにについては次のページで紹介します。
以上が、ホームページの簡単な仕組みです。
まずはページを表示するところから始めてみることです。
市販されているホームページ作成ソフトなどを利用してもいいでしょう。
しかし、使い方によっては思うように見栄えが出来上がらない場合があります。
そういう時には、作ったページを一度メモ帳などで開いて見てみるといいでしょう。
せっかくタグでくくっているのに、タグからはみ出て文章が書かれていたり、タグが入れ子(順番がチグハグ)になっていたりする場合があります。
タグは順番を整理して書くようにしましょう。