七鍵＠楽天

今回のテーマは「ＨＰ（ホームページ）ってなんでできてるの」です。
そもそもなんでできているのかが分からないことには本来作りようがないですよね。

インターネットを始めて、最初に開いたのがこのページだ、
って方は多分いないでしょうから、少し思い出してみてください。
Ｗｅｂページにもいろいろなページがありますよね。
文書（文字）だけで構成されているページ、写真が掲載されているページ、
開くと音楽が流れるページ、開くと動画が再生されるページ。
本当に百ページ百様といった感じですが、これがＨＰってなんでできてるの、っていう質問の大きなヒントなのです。
文字を書くのと同じ感覚で絵をかけるはずがありませんよね(´･ω･`)
どうせでしたら、文書は文書でワープロソフトのようなもので作成して、
絵は絵でお絵かきソフトのように、絵を描く専門のソフトをして作成した方が効率的ですよね。
そうです。
Ｗｅｂページに貼り付けられている写真も音楽も動画も、全部別のファイルとして用意するのです。
そして、これらたくさんの種類のファイルを同時に表示しているのがＷｅｂページなのです。

ここで気になるのが、「じゃぁ、絵や音楽などのほかのファイルを何に貼り付けるの？」ということではないでしょうか。
答えはもうすでに言っていますよね。
もう一度はっきりと言います。

Ｗｅｂページに貼り付けるのです。

ちょっと待ってください。
「×ボタン」でこのページを閉じようとしたでしょう。
もう少しだけお付き合いください。
Ｗｅｂページの元になるファイルは「ＨＴＭＬファイル」と呼ばれています。
このＨＴＭＬファイルに絵や音楽などのファイルを貼り付けていってＷｅｂページを作るので、
Ｗｅｂページの正体はＨＴＭＬファイルだ、と言い切ってもいいでしょう。
今、（もう少しだけという期限付きで）見てもらっていますこのページも当然ＨＴＭＬファイルでできています。
ただ、ＨＴＭＬファイルだけでは絵を表示することができませんので、
ＨＴＭＬファイルに絵を貼り付けてひとつのＷｅｂページにしているのです。
もちろん、音楽をＷｅｂページに貼り付けますと、開くと音がなるＷｅｂページができあがりますし、
特別なプログラムを貼り付けることによって、複雑な動きを見せるＷｅｂページを作ることもできます。
#　残念ながら楽天ではできません(´･ω･`)

では実際にＨＴＭＬファイルがどのようなものか例を見てみましょう。

□ＨＴＭＬファイル

ここに「○○」という絵を表示しなさい。 改行しなさい。 今から文字を書きます。 ようこそ私のほーむぺーじへ！ ここで文字は終わりです。 改行しなさい。 横線をひきなさい。 以下の文字は中央付近に表示させなさい。 以下の文字をクリックしたときに別のページへジャンプ。 Ｅｎｔｅｒ ジャンプさせる文字はここまでです。 中央付近に表示させる文字はここまでです。 横線をひきなさい。

もちろん、こんな日本語だけで書かれているわけではありません。
ＨＴＭＬ専用の特別な記述方法（これがタグですね）があるのですが、それはおいおい説明していきます。
今は、Ｗｅｂページの正体は文字だけの命令文なんだということを覚えておいてください。
そして、文字だけの命令文を読み込んで、読み込んだ内容どおりに表示する（再生する）ソフトウェアのことを
Ｗｅｂブラウザと呼びます。


長いはなしでしたが、ここまで読んでいただければ「ＨＰはなんでできているの？」
という問いの答えもわかるのではないでしょうか。
念のため、まとめておきます。
ＨＰは、ＨＴＭＬファイルと呼ばれる文字だけの命令文からできています。
ＨＰはこのＨＴＭＬファイルにより、あなたの使っているブラウザに、
表示のしかたや表示するもの（文字や絵など）、配置などを命令しているのです。
そして、命令を受け取ったあなたのブラウザは、その命令どおりにＨＰを再生するというわけです。

楽天でＨＰを作る際にはあまり関係のないことかもしれませんが
本質を理解するということは、応用力をつけるためにも大事なことですよね(〃⌒▽⌒)
そんな感じで今日はＨＰは何でできているの？という解説をさせてもらいました。

では、また明日ー(ﾟ▽^*)ﾉ⌒☆