Webサイト・ブログ

Webサイトとは?基礎知識と作成方法を解説

アイキャッチ画像

今や私たちにとってかかせないWebサイト。初めてパソコンやスマホを使う人にとっては、「そういえば、Webサイトって何だろう・・・?」と思うかもしれません。

今回は、「Webサイトの基礎知識と作成方法」を、分かりやすく解説していきます。

Webサイトの基礎知識と作成方法

まず、Webサイトの基礎知識と作成方法について簡単にまとめていきます。

Webサイトの基礎知識

Webサイト・・・1つのドメインの下で運営しているウェブページの集団であること。

Webサイトとホームページの違い

Webサイトとホームページは、以下のような意味を持つ。

  • Webサイト:Webページの集まり。
  • ホームページ:あるWebサイトのうち、一番初めに表示されるページ。

Webサイトの作成方法

  • テキストエディタで作る
  • ホームページ作成ソフトで作る
  • CMSで作る
スポンサーリンク

Webサイトの基礎知識

プロフィール用アイコン
みきてぃ東西線

この項目では、Webサイトの基礎知識を解説していくよ。

Webサイトとは?

Webサイトと聞いても「?」と疑問を抱く方も多いと思いますので、Webサイトの意味を解説していきます。

インターネット上で、一まとまりの情報が置かれている場所。

引用元:「ウェブサイト」. 山田忠雄 他. 『新明解国語辞典』第七版. 三省堂,2012年,p.115

もう少し分かりやすく解説すると、

  • 1つのドメインの下で運営しているウェブページの集団であること

という意味になります。

Webサイトとホームページの違い

また、これと似た用語に「ホームページ」があります。

インターネット上でその団体・個人が公開する一連の情報のうち、そこに接続した際に最初に表示されるもの。

引用元:「ホームページ」. 山田忠雄 他. 『新明解国語辞典』第七版. 三省堂,2012年,p.1392

分かりやすく解説すると、

  • あるWebサイトのうち、一番初めに表示されるページ

という意味になります。

「Webサイト」は、1つのドメインの下から成り立っているWeb上のページの集まりであることに対し、「ホームページ」は、とあるWebサイトを開いた際、一番初めに表示されるページのことを指します。

Webサイトの作成方法

プロフィール用アイコン
みきてぃ東西線

この項目では、Webサイトの作成方法を解説していくよ。

Webサイトを作る方法は、以下の3つが代表的に挙げられます。

  • テキストエディタで作る
  • ホームページ作成ソフトで作る
  • CMSで作る

テキストエディタで作る

メモ帳でWebサイトを作る

テキストエディタでWebサイトを作ります。

特にフリーソフトをダウンロードせず、Windows10の標準ソフト「メモ帳」を起動してすぐに作り始めることができます。

ただし、「メモ帳」は取り消し操作が1回しかできないことと、タグ入力支援機能が無いので、初心者にはオススメできません。

「メモ帳」以外の無料テキストエディタには、以下のソフトがあります。

  • サクラエディタ
  • TeraPad
  • Atom
  • Brackets
  • Visual Studio Code

▼クリックで画像を拡大します。

Brackets

特に『Brackets』は、『Dreamweaver』と同じ感覚で操作することができ、かつプレビューを見ながらリアルタイムで編集することができるので、初心者でも使いやすいです。

ホームページ作成ソフトで作る

DreamweaverでWebサイトを作る

『ホームページビルダー』『SIRIUS』『Dreamweaver』など、ホームページ作成ソフトでWebサイトを作ります。

有料ソフトが多いですが、テキストエディタ以上の高機能の支援ツールがあるので、とても便利です。

ただし、パソコンのスペックによっては、少し重たく感じるのが難点。

CMSで作る

CMSでWebサイトを作ります。CMSとは以下の意味を指します。

CMSとは、HTMLやCSSのようなWebサイトの制作に必要な専門知識を必要とせず、テキストや画像などの情報を入力するだけで、サイト構築を自動的に行うことが出来るシステムのことです。

引用元CMSとは?CMSの特長と選定のポイントについて | SEO用語集:意味/解説/SEO効果など [SEO HACKS]

ほとんどのCMSツールではオンライン上で操作することができるので、パソコンへのインストールの手間もかかりません。

▼クリックで画像を拡大します。

WordPress 投稿編集画面

CMSツールの中で特に有名なのが、WordPressです。

WordPressの場合、あらかじめサーバーなどにインストールをする必要がありますが、様々なテーマやプラグインなどで、自分好みのWebサイトにカスタマイズをすることができます。

その他の無料で作れるCMSツールは主に以下の通りです。

  • Wix
  • Jimdo
  • Movable Type

おわりに

というわけで、今回は「Webサイトの基礎知識と作成方法」を解説しました。

繰り返しとなりますが、Webサイトとは、1つのドメインからなるWebページの集団であることを指します。

また、Webサイトの作成には「テキストエディタで作る」「ホームページ作成ソフトで作る」「CMSで作る」の3通りがあります。

Webサイトに興味がある方や、これからWebサイトを作りたいと考えている方は、今回の記事が参考になれば、と思います。m(_ _)m

ABOUT ME
みきてぃ東西線
20代大学卒業生です。IT・インターネット関連や生活関連、趣味の1つである観賞魚などの記事を書いています。
おすすめ記事