ホームページの基本構成とは？5つの作成方法＆関連用語を解説！

※本サイトは一部アフィリエイト広告を利用しています。

サーバー、ドメイン、HTML、CSS、JavaScript……これらの言葉をなんとなく聞いたことはあるものの、人に説明することはできないという人も多いのではないでしょうか？

「ホームページを作りたい！」と思ったら、まずは基本的な知識を習得することから始めるのがおすすめです。

また、ホームページの仕組みや行動をある程度把握できると、ホームページの自作だけでなく制作会社とのやり取りもスムーズになります。認識のズレなどのトラブルを防ぎ、理想のホームページにするためにも、基礎知識を身につけておきましょう。

この記事では、ホームページ作成の基礎知識や用語、欠かせない3要素、5つの作成方法や作成後の注意点・運用ポイントなどについて詳しく解説します。

ホームページ作成の基礎知識・関連用語

ホームページ作成では、さまざまな用語が登場します。まずは、ホームページについて知るための用語について詳しくチェックしていきましょう。

ここからは関連用語を以下のように役割ごとにまとめてご紹介します。

ホームページを構成する土台の役割を果たしているのが、HTMLです。HTMLで作られた土台を、CSSで装飾したり、JavaScriptで動きを加えることでユーザーにとって見やすく、目を惹くホームページを作り出しています。

HTML	要素やタグを使ってテキスト、画像、リンクなどを配置し、ホームページの中身を作るマークアップ言語
CSS	HTMLで作られたホームページの見た目を装飾するスタイルシート言語
JavaScript	ホームページに動きを付けるために使われるプログラミング言語。画像のスライドショー、間違ったパスワードを入力した際のエラー表示、入力漏れの警告などが可能
CMS	ブラウザ上でホームページ全体の作成や編集が可能なツール。Web開発の知識がなくてもホームページ作成・更新ができる。代表的なCMSにWordPressがある
データベース	CMSなどのデータ保存先として使われる
ライブラリ	プログラミング言語で使用頻度の高いものをまとめたファイルのことで、コードの記述量削減に役立つ
フレームワーク	ホームページ作成のために必要な部品が集められたパッケージのこと。無料のフレームワークも数多く存在する
.httaccess	URLの書き換え、アクセス制限、エラーページのカスタマイズ、セキュリティ設定などを行うことができるサーバー用の設定ファイル

HTMLやCSSといったプログラミング言語については下記の記事でも詳しく解説しているため、合わせてチェックしてみてください。

【関連記事】

ホームページは見た目も大切ですが、ユーザーの見やすさや使いやすさも非常に重要です。

せっかくおしゃれなホームページにしても「背景と文字色が似ていて読みにくい」「ごちゃごちゃしていて欲しい情報が探せない」「表示が崩れてしまってスマホでは見にくい」といったことがあると、ホームページの効果を最大限にすることができません。

ホームページ作成の際は、ユーザーが使いやすいようにデザインや機能の改善を重ねていきましょう。

レスポンシブデザイン（スマホ対応）	パソコン、スマートフォン、タブレットなどユーザーが使用する端末に合わせてホームページの表示を見やすく最適化するデザイン
ユーザビリティ	ホームページの使いやすさ
アクセシビリティ（ウェブアクセシビリティ）	ユーザーの年齢や性別、使用機器や身体的特徴に関係なく誰でも同じような使い勝手にすることや、情報へのアクセスのしやすさ
RSSフィード	ホームページなどの最新情報を便利に把握してもらうための仕組み。投稿があると通知が届き、内容を確認できる
SEO	検索エンジン最適化を意味し、検索順位を高め、検索エンジンからのアクセス数を高める手法。

【関連記事】

ここでは、ホームページの公開や運営、セキュリティに関する用語をチェックしましょう。

サーバー	データを置く「ホームページの土地」のようなもの。無料サーバーから有料のレンタルサーバーまでさまざま。それぞれのメリット・デメリットを知った上で利用することが大切
ドメイン	「http://www.◯◯.com」の「◯◯」の部分のことで、「ホームページの住所」のようなもの。メインサイトから分割したサブドメインよりも、自社専用の独自ドメインの取得がおすすめ
SSL証明書	SSL（TLS/通信を暗号化し安全に通信するための技術）を使って通信するために必要。無料のものもある
アクセス解析	ホームページの各ページの訪問者数や閲覧者数を知るためのツールやサービス。代表的なものにGoogle Analyticsがある