ホームページの基本的な作成方法 | 超初心者向けスーパーアメブロブログ作成入門講座

超初心者向けスーパーアメブロブログ作成入門講座

初心者にアメブロブログの修正方法のいろはについて記事を掲載します。

ぽん太郎: ろん子ちゃん、今度はこんな質問がきたよ:) 「ホームページを作成したいのですが思うようにいきません。 最初はホームページビルダーなどのソフトを使わずにチャレンジし、文字を大きくするところまではできたのですが本に書いてあるとおりに文字を打っても文字の色が変わりませんでした。 自分で入力するのを諦めハムスター島というサイトを利用して作成しようとしたところ本文入力の際に半角英数字以外の文字を入力できずここでも挫折してしまいました。ホームページを作ろうと考えてから半年は過ぎてしまいました。質問が分かりづらいとは思いますがご回答よろしくお願い致します。」 ホームページの作成に結構てまどっているみたいだね。


ろん子: ほんとねー、世の中、まだまだホームページが作成できなくて困っている人結構いるんだね。ねぇねぇ、そういう人のために、ウェブの大工さんにホームページの作成方法聞いてみようよ!!


ウェブの大工さん: どれどれ、今回はどんな質問がきたのかな??うーん、基本的なホームページの作成方法ねぇー、ます、ホームページを作成するための言語であるHTML は、以下の構成が基本となっています。


<html>

<head>

</head>

<body>

</body>

</html>


この基本を踏まえたうえで、< >で囲まれたひとつひとつをタグといいます。 タグの中身が一緒のものどうしが一対となってひとつの命令を発すると考えてください。


ぽん太郎: ということは、<html>と</html>、<head>と</head>、<body>と</body>がそれぞれ一対ということですね。


ウェブの大工さん: そういうこと!!そしてそれぞれ意味があるんだよ。まず、

1. <html></html>は、ホームページの始まりと終わりをあらわしているんだよ♪

2. <head></head>は、ホームページに表示する以外のこと、たとえば、ホームページを開いたときに、上のタグに表示されるタイトルだとか、ホームページが別のファイルから情報を読み取る必要があるなら、そのファイルの情報とか、そういったものが入る。最初は、ここには、なにもいれなくてもホームページは作れるから、難しかったら、とりあえず、こういうものがあるんだなとおもってくれればOK。

3. <body></body>は、ここがホームページの一番の中心で、この中に書いているものが表示されると思ってくれればいいんだ。最初は、この中にいろいろな文字をいれて、フォントの色や大きさを変えていくことからホームページの作成ってはじめていく。そこから段々にくづけをしていく。


ろん子: そもそもそういったHTMLって、どこに書けばいいんですか??


ウェブの大工さん: テキストファイルだよ。Windowsに付属のメモ帳にうちこんで「~.htmlっていうファイル名で保存すればできあがり。気をつけてほしいのは、保存するとき、.txtっていう拡張子は完全に消して.htmlに変更してね。そうしないと、ファイル名の最後に.txtっていうのが残ってしまってうまく動かないからね。


ろん子: なんか誰でも簡単のものは作れそう♪


ウェブの大工さん: はじめての場合は、ほんとに初歩の本で少しづつほんとに簡単なサンプルから打ち込んではじめてみるといいよ。