Webサイト、Webページ、ホームページの違いを分かりやすく分かりやすく解説

Webサイトとは?

Webサイトとは特定のドメイン内で運営されているWebページの集まりのことです。

企業サイトを例にあげるとトップページ、会社概要ページ、代表挨拶ページ、サービス・商品紹介ページ、スタッフ紹介ページ等をまとめてWebサイトと呼びます。

これらWebページの集合体がWebサイトとなります。

Webページとは?

WebページとはWebサイト全体の1つのページのことです。

Webサイト内のWebページ同士はリンク機能でつながっており、WebページからWebページへと移動できるようになっています。

例えば、企業サイトは会社概要、代表挨拶、製品・サービス一覧、ニュース等で構成されていますが、企業サイト全体をWebサイトと呼び、企業サイト内の1つのページをWebページと呼びます。

ホームページとは?

ホームページとはWebブラウザを起動した時に最初に表示されるWebページのことです。

ホームページを英語にするとhomepageとなります。

homeには出発点といった意味もあるため、ホームページは出発点のページと言い換えることができます。

本来、ホームページは上記のような意味を持っていましたが、次第にWebサイトのトップページもホームページと呼ぶようになり、更にWebサイト全体もホームページと呼ばれるようになりました。

ドメインをもっと詳しく知りたい方必見

ドメインについて詳しく知りたい方は「【初心者向け】ドメインとは？サブドメインの違いは？種類と構造を分かりやすく解説！」の記事をご覧下さい。

IPアドレスをもっと詳しく知りたい方必見

IPアドレスについて詳しく知りたい方は「【図解】IPアドレスとは？割り振りのルール・種類を分かりやすく解説！」の記事をご覧下さい。

DNSサーバーをもっと詳しく知りたい方必見

DNSサーバーについて詳しく知りたい方は「【図解】DNSサーバーとは？どこにあるの？仕組みも分かりやすく解説！」の記事をご覧下さい。

Webサイトはフォルダ、ファイルで構成されており、種類別にフォルダ分けされています。

ページやデータ毎にフォルダ分けをすることで、Webサイトの規模が大きくなってきた時、管理が容易になり、検索エンジンからクローリングされやすい等のメリットがあります。

種類別に分けられたフォルダのことをディレクトリと呼びます。

また、種類別に分けたフォルダ構造をディレクトリ構造と呼びます。

ディレクトリ構造は集まり毎に階層が下がっていくツリー構造になっています。

ツリー構造は1つのフォルダに対して、複数のフォルダに枝分かれして広がっていく構造のことです。

目的のページやファイルを上位の階層と関連付ける時に、関連性を持たせる必要があります。

ツリー構造がしっかりとできていない場合、ページやファイルを見つけづらくなるので、注意が必要になります。

HTMLファイル

HTMLとはHyper Text Markup Languageの略で、Webページの内容を記述するために使用される言語です。

HTMLは静的なWebページを作成する時に使用され、1ページにつき、1つのHTMLファイルが必要になります。

拡張子は「.html」となり、ファイル名はページに合った名前をつけることが一般的となっています。

CSSファイル

CSSとはCascading Style Sheetの略で、HTMLのタグで囲んだ範囲の文字の色、大きさ、背景の色や配置等を指定するために使用します。

CSSファイルを書き換えるだけで全ページを変更することができます。 拡張子は「.css」となります。

画像ファイル

Webページには文字だけでなく、画像を表示させたい場合があります。

そのような場合、HTMLファイルやCSSファイルと区別して画像を管理します。

入門的なWeb知識を習得したい方へ