000000

ホーム | 日記 | プロフィール

【フォローする】【ログイン】

七鍵＠楽天

コメント新着

うしまる＠ @ Re:タグを覚えよう【第１５回目】　-　中央寄せ表示の際の小技(08/21) タグの検索でぐぐってたらコチラに辿り着…

k.kyouka @ すきやき占い『しいたけ』の重要度27% 『しいたけ』…

なな@ Re:迷っています(11/01) レオ　がいいですよ☆★

マロン@ かわいいキュート

ｆｏｏｌｉｓｈ☆ｆｏｏ @ Re[1]:お久しぶりです。(07/15) ＞実演を踏まえてテストをしておりました…

バックナンバー

Oct , 2026
Sep , 2026

Aug , 2026

フリーページ

HTMLタグに挑戦

< 新しい記事

新着記事一覧(全310件)

過去の記事 >

Sep 4, 2004

タグを覚えよう【第２７回目】　-　ＨＰってなんでできているの？

(4)

テーマ：タグに挑戦！(102)

カテゴリ：タグ教室

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

インターネットを始めて、最初に開いたのがこのページだ、
って方は多分いないでしょうから、少し思い出してみてください。
Ｗｅｂページにもいろいろなページがありますよね。
文書（文字）だけで構成されているページ、写真が掲載されているページ、
開くと音楽が流れるページ、開くと動画が再生されるページ。
本当に百ページ百様といった感じですが、これがＨＰってなんでできてるの、っていう質問の大きなヒントなのです。
文字を書くのと同じ感覚で絵をかけるはずがありませんよね(´･ω･`)

絵は絵でお絵かきソフトのように、絵を描く専門のソフトをして作成した方が効率的ですよね。
そうです。
Ｗｅｂページに貼り付けられている写真も音楽も動画も、全部別のファイルとして用意するのです。
そして、これらたくさんの種類のファイルを同時に表示しているのがＷｅｂページなのです。

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

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

ちょっと待ってください。
「×ボタン」でこのページを閉じようとしたでしょう。
もう少しだけお付き合いください。

このＨＴＭＬファイルに絵や音楽などのファイルを貼り付けていってＷｅｂページを作るので、
Ｗｅｂページの正体はＨＴＭＬファイルだ、と言い切ってもいいでしょう。
今、（もう少しだけという期限付きで）見てもらっていますこのページも当然ＨＴＭＬファイルでできています。
ただ、ＨＴＭＬファイルだけでは絵を表示することができませんので、
ＨＴＭＬファイルに絵を貼り付けてひとつのＷｅｂページにしているのです。

特別なプログラムを貼り付けることによって、複雑な動きを見せるＷｅｂページを作ることもできます。
#　残念ながら楽天ではできません(´･ω･`)

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

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

□ＨＴＭＬファイル

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

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

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

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

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

お気に入りの記事を「いいね！」で応援しよう

最終更新日 Sep 4, 2004 10:25:13 PM
コメント(4) | コメントを書く

[タグ教室] カテゴリの最新記事

■コメント

な～るほど！

ｆｏｏｌｉｓｈ☆ｆｏｏさん

お世話になってます。

＞本質を理解するということは、応用力をつけるためにも大事なことですよね

この意味が、少しずつ実感として理解できるようになって来ました。
以前は、ＨＰ作成ソフトに頼って、簡単に作れるのが便利でもあり、ページ作りの楽しさという点でも満足していました。

ただいま、HTMLでのページ作りを一から始めました。

＞「ＨＴＭＬファイルと呼ばれる文字だけの命令文からできています。」
　　　　　　　↑
このことの意味が、痛いほど分かります。
大変、苦労してます。（笑）
一つずつ時間を掛けて理解していくのは大変なことですが、でもこれをやらなければ始まらない。
大変だなぁと感じつつも、一方では試行錯誤の楽しさもあります。

サイトのリニューアルを考えています。
ファイル数がたくさんあるので、全部を作り直すのは無理ですが、
少しずつ作業を進めています。
早くアップしたいなぁ。。。 (Sep 5, 2004 12:02:35 PM)

返事を書く

ヽ(*⌒∇⌒*)ﾉやっほー♪

RainbowAngel さん

今日も長かったけれど･･･頑張って最後まで読んだよ～♪
きっとHP作る前だったらまた「読むの邪魔くさい」とか
思ってたんだろうけれど･･･(´･ω･`)
今日は(ﾟ∇ﾟ*)(｡｡*)(ﾟ∇ﾟ*)(｡｡*)ｳﾝｳﾝって思いながら
読めたよー♪
七鍵ちゃん、いつもありがとうねー(⌒▽⌒)
お酒飲み過ぎないようにね♪

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

(Sep 5, 2004 08:32:38 PM)

返事を書く

Re:な～るほど！(09/04)

＃七鍵さん

ｆｏｏｌｉｓｈ☆ｆｏｏさん

いらっしゃいませー(〃⌒▽⌒)

HTMLファイルから作っていく作業はまた「楽天」とは違った楽しみがありますよね(〃⌒▽⌒)
自由度も高い分、苦労も倍になる・・・って感じで(´･ω･`)

いらぬお世話かもしれませんが、分からないことありましたら遠慮なく相談ください(〃⌒▽⌒)
JavaScriptやPerl、PHPの辺りもお力になれたりなれなかったりしますので（笑

(Sep 5, 2004 10:23:46 PM)

返事を書く

Re:ヽ(*⌒∇⌒*)ﾉやっほー♪(09/04)

＃七鍵さん

RainbowAngelさん

やほー(〃⌒▽⌒)

なんてことを思いながら読んでるんだ(´･ω･`)
っていうか・・・
最近飲みすぎちゃってるのよ(´･ω･`)
最近の講座、文章がちょこちょこおかしいでしょ？
訪問者の方への返事もどこか的を得て無いし・・・

さらに懺悔させてもらいますと・・・
この講座、いつアップしたか覚えてないのよ(´･ω･`)
気がついたら酔っ払ってアップしてました（笑
以前は記憶が怪しくなることなんて無かったのにな(´･ω･`)
気を付けなきゃ(〃⌒▽⌒)
(Sep 5, 2004 10:28:15 PM)

返事を書く

【毎日開催】

15記事にいいね！で1ポイント

10秒滞在

いいね! -- / --

次の日記を探す

おめでとうございます！
ミッションを達成しました。

※「ポイントを獲得する」ボタンを押すと広告が表示されます。

Design a Mobile Site

スマートフォン版を閲覧 | PC版を閲覧