Caution
お使いのブラウザはJavaScriptが実行できない状態になっております。
当サイトはWebプログラミングの情報サイトの為、
JavaScriptが実行できない環境では正しいコンテンツが提供出来ません。
JavaScriptが実行可能な状態でご閲覧頂くようお願い申し上げます。
HTML5
入門編
- トップページ
- HTML5入門編 - ウェブサイトが表示される仕組み
ウェブサイトが表示される仕組み
みなさまどうもこんにちわ。続きましてウェブサイトが表示される仕組みを軽くみていきましょう。一般的に『ネットサーフィン』って呼ばれているやつの仕組みになりますね。
ネットサーフィンをしている時の『ブラウザ』は『URL』(ゆーあーるえる)に従って世界中のどこかに存在している『リモートサーバー』にアクセスし、そこから送り返された『HTMLファイル』などのデータを受信し、それを表示しています。
色々な単語がでてきましたのでひとつひとつ解説解説していきたいと思います。
『ブラウザ』とは『インターネットブラウザ』のことで一般に『ブラウザ』と呼ばれます。これは主にウェブサイトを閲覧するために使用されるソフトウェアで、今みなさんがこのウェブサイトを閲覧するために使っているであろうそのソフトウェア全般の事を指します。詳しくは先の記事で解説します。
続いて『リモートサーバー』です。リモートサーバーとは外部からのアクセスを処理できる機能が構築されたパソコンの事です。『リモートサーバー』は単純に『サーバー』と呼ばれたり『リモート』と呼ばれたりすることが多いです。
このサーバーにHTMLファイルなどを置いておくと世界中の人々に情報を公開することができます。しかし、サーバーを0から設計するとなるとネットワークの知識やOSの知識が必須で少々難易度が高いです。なので『レンタルサーバー』を借りてウェブサイトを公開する方が大多数になりますね。
大手企業さんがしっかりと設計したレンタルサーバーならばセキュリティがしっかりしてあり簡単に公開設定ができるようになっていることがほとんどですのでマニュアル通りにポチポチと進めていくだけで簡単にウェブサイトを公開することができます。
続いて『URL』です。今閲覧しているブラウザの上のほうにある『アドレスバー』をみてみましょう。そこに『http://wp-p.info/.....』というような感じで表示されているかと思います。これがインターネットにおける住所のようなもので一般に『URL』と呼ばれます。
ブラウザはこのURLに書いてある通りにサーバーを探してアクセスします。アクセスを感知したサーバーは内部で指定されているHTMLファイルなどのデータを送り返し、それを受信したブラウザはHTMLを解釈し、ウェブサイトとして表示してくれる、といった感じですね。
続いて先ほどの記事でも登場した『HTMLファイル』についてです。HTMLファイルとはHTMLが記述されているただのテキストファイル(普通の文字で構成されたデータファイル)になります。
ではみなさんが今閲覧しているこのウェブサイトのHTMLファイルをちょっと覗いてみましょう。こんな感じです。
このようなHTMLファイルをブラウザで開くとウェブサイトとして表示してくれます。
というわけで一連の流れはこんな感じになりますがなんとなく掴めて来ましたでしょうか。
さてこれからHTMLの勉強を進めていくのですが、先程も解説したとおりサーバーを用意してどうのこうのするのはちょっと敷居が高いです。なので当コーナーではみなさんの『ローカル』にHTMLファイルを置き、そこでHTMLの勉強を進めていきたいと思います。
『ローカル』とはリモートの対義語で、みなさんの手元にあるパソコンの事を指します。『ローカルファイル』と言われたらみなさんの手元にあるパソコンに保存されたデータファイルの事を指すような感じですね。『ローカル』のHTMLファイルもブラウザで開けばちゃんとウェブサイトとして表示してくれます。
では早速勉強を進めていきたいところですが、その前にHTMLファイルを作成しやすい環境と作ったウェブサイトに間違いがないかちゃんと確認できる環境を作らなくてはなりません。
一般にこれは『環境構築』とか呼ばれます。HTML以外の他のプログラム言語でも作業に入る前に開発環境を作るところから始めます。良い作業環境なくして良い仕事はできないのでございます。
というわけで次の記事からは『拡張子』、『テキストエディタ』、『インターネットブラウザ』についての解説とそれに伴う環境構築を進めたいと思います。
しばらく地味な記事が続きますが頑張っていきましょう。ではでは~。
この記事は桜舞が執筆致しました。
著者が愛する小型哺乳類 |
桜舞 春人 Sakurama HarutoISDN時代から様々なコンテンツを制作しているちょっと髪の毛が心配な東京在住のプログラマー。生粋のロングスリーパーで、10時間以上睡眠を取らないと基本的に体調が悪い。好きなだけ寝れる生活を送るのが夢。ゲームとスポーツと音楽が大好き。誰か髪の毛を分けて下さい。 |
記事の間違いや著作権の侵害等ございましたらお手数ですがこちらまでご連絡頂ければ幸いです。