ドメインとるならお名前.com

登録実績2,000万件突破!
国内シェアNo.1のドメイン登録サービス

基礎からわかるホームページの作り方

初心者にでも簡単に作れるホームページの作り方を解説します

※2019年3月自社調査。調査方法はこちら

基礎からわかるホームページの作り方

一口にホームページといっても、

「会社のホームページを作りたい」

「ECサイトを作りたい」

「趣味用のサイトを作りたい!」

といったように、その目的は様々。

同じように作成方法にもいくつか種類があるのをご存知ですか?

ここでは

「どの作成方法を選べばいいか分からない!」

「そもそも本当に自分で作れるの? 」

といった初心者の方に向けて、 複数の作成方法をご紹介いたします。

ご自身の目的や予算に合ったものを探してみてくださいね!

まずはじめに
~ホームページ作成に必要なものってなに?~

作成方法を紹介するまえに、ホームページの基礎を少し解説します。

基礎を理解することで、きっと今後のホームページ作成がスムーズに進みます。

ぜひ読んでみてくださいね。

ホームページはなぜ見ることができるのか?

自分のパソコンで作ったホームページが全世界から閲覧できる。

その仕組みを知っていますか?

当然ですが、手元のパソコンでデータを作成しただけでは、全世界にホームページを公開することは出来ません。

下の図をご覧ください。

ホームぺージを公開するためには、図のように「サーバー」というところにデータを置いておく必要があります。

閲覧者は、サーバー上に置いてあるデータを参照することでホームページを見ているのです。

つまり、ホームページを作るためには、データを置いておく場所=「サーバー」が必須となります。

ホームページ作成にあたり、もう1つ必要なものがあります。

それは「ドメイン」です。

http://www.○○.com

皆さんもこのようなURLを見たことがあると思います。

これの○○.comの部分を「ドメイン」と呼びます。

○○の部分に好きな文字列を入れるには、「独自ドメイン」と呼ばれるものが必要です。

○○に会社名や商品名を入れておけば、

「○○という会社のホームページだな」

「○○について書いてあるんだろうな」というのが分かります。

多くの人に覚えてもらいやすい、信頼性が増す、SEOにも有利といった多くのメリットがあるため、

ホームページの作成には「独自ドメイン」を取得することをおすすめします。

「まずはじめに」のまとめ

  • ホームページのデータを作る必要がある
  • データを置いておくサーバーが必要
  • ドメインも必要。 独自ドメインがおすすめ。

ホームページの作り方のご紹介

基礎を理解できたところで、さっそくホームページの作り方を紹介します。

ホームページは大きく分けて5つの作り方があります。

ここではそれぞれのメリットとデメリットを把握しましょう。

  • HTMLとCSSを自分で記述して作る
  • 専門業者に依頼する
  • 有料のソフトを使う
  • 無料のソフトを使う
  • WordPressなどのCMSを使う

5つの作り方。それぞれのメリット&デメリット

HTMLとCSSを自分で記述して作る

こちらは、ツールに頼らず自分でデータを作る方法です。

高い専門知識が必要となりますが、知識さえあれば、カスタマイズは自由自在。

また、ツール費がかからないため、必要最低限のコストでホームページを作成することが出来ます。

難易度が高く、時間もかかるため初心者にはオススメできませんが、挑戦してみたい!という方は、「ホームページ作成 HTML」などとインターネットで検索してみてください。

基礎を解説しているサイトがたくさん出てきますよ。

「HTMLとCSSを自分で記述して作る」のまとめ

  • カスタマイズ自由自在
  • 高額なコストがかからない
  • 難易度が高い
  • 初心者が挑戦すると完成まで時間がかかる

HTMLとCSSでの作成に挑戦したい!という方は、下記の記事も読んでみてください。

作成に役立つテンプレートについて解説しています。

専門業者に依頼する

時間がないけどかっこいいサイトが作りたい!という方にはこちらがオススメです。

ただし、ホームページは一回作ったら終わりではなく、継続的に更新作業が必要。

更新に高額な料金が必要になる業者もあるので注意が必要です。

自由に更新が出来なかったり、更新のたびに料金がかかるようでは 理想的なホームページ運営は望めないでしょう。

値段、クオリティ、更新時の追加料金など、業者によって様々なので、 業者は数社を比較して慎重に選びましょう。

「専門業者に依頼する」のまとめ

  • かっこいいサイトが出来る
  • 自分の手を煩わせることがない
  • 高額
  • 更新のたびにお金がかかる場合がある
  • 業者によってクオリティは様々なため業者選びが大変

有料のソフトを使う

世の中にはたくさんの種類のホームページ作成ツールがあります。

簡単にホームページが作れるものから、専門的な知識が必要な上級者向けのものまで様々。

1回購入すればそのあと支払いが発生しない買い切り型もあれば、 毎月支払いが必要なものもあります。

さらに、用意されているテンプレートのデザインもツールによって様々。

「ビジネス向けのものがない」

「シックなものは多いがかわいいデザインものが少ない」

ということがあるので、 ツールを選ぶ際には、気に入るデザインがあるか確認しましょう。

また、どのツールでもデザインに凝ったり、微調整をしたい場合には、 必要最低限のHTMLとCSSの知識が必要になることを覚えておいてください。

「有料のソフトを使う」のまとめ

  • 簡単に作れるものもある
  • ソフトの種類が多く、ソフト選びが大変
  • 気に入ったテンプレートがあるとは限らない
  • 微調整には専門知識が必要
  • 毎月請求が発生して、結局高額になる場合がある

無料のソフトを使う

いまでは無料ソフトも充実しており、本格的なサイトが作れるものも少なくありません。

最大の魅力はもちろんその手軽さ。

しかしその一方でデメリットも多いことを認識しておきましょう。

まず、無料ソフトはそこまで自由度が高くないため、 思い通りにカスタマイズできない場合があります。

独自ドメインが使えない、勝手に広告が掲載される、など制約も多いです。

また、サービスが終了してしまう可能性もゼロではありません。

せっかく作ったホームページが、ソフトのサービス終了とともに消えてしまったら悲しいですよね。

期間限定の簡易的なページなら問題ありませんが、

今後長期的にホームページを運用していく予定なのであれば、無料ソフトはオススメできません。

「無料のソフトを使う」のまとめ

  • 手軽に始められる
  • カスタマイズに限りがある
  • 独自ドメインが使えない場合が多い
  • 勝手に他社の広告が掲載される場合が多い
  • サービス終了とともにホームページが消える可能性がある

WordPressなどのCMSを使う

CMSとは、Contents Management Systemの略のこと。

簡単にいうと、テンプレートを選択して、 テキスト入力、画像挿入などをすることで、簡単にホームページを作成することができるシステムです。

CMSにもいくつか種類はありますが、ホームページ作成には、WordPressがオススメです。

WordPressは世界中で多くの人に利用されており、 情報が豊富なため、初心者の方も安心して使えるでしょう。

後ほど詳しく説明しますが、無料のテーマやプラグインが豊富なため、カスタマイズも自由に可能です。

もちろん独自ドメインの利用も可能です。

他社の広告が掲載されることもありません。

サービス終了によりホームページが消えてなくなることもほぼないでしょう。

必要最低限のコストはかかりますが、 月1,000円~1,500円程度と思っていただいて問題ありません。

「WordPressなどのCMSを使う」のまとめ

  • 情報が豊富なため初心者でも安心
  • 自由にカスタマイズができる
  • 独自ドメインが使える
  • 他社の広告が掲載されることはない
  • サービスの都合でホームページが消える可能性はほぼない
  • 月1,000円~1,500円程度のお金がかかる

初心者にはWordPressがオススメ!

それぞれの特徴を説明してきましたが、

「結局どれがいいの?」と思う人が多いのではないでしょうか?

結論から言うと、初心者の方にはWordPressが最もオススメです!

先ほどWordPressの特徴をいくつかご紹介しましたが、初心者の方にWordPressをオススメする理由をさらに細かく説明いたします。

初心者の方にWordPressをオススメする3つの理由

初心者でもデザイン性の高いおしゃれなサイトが作れる!
初心者でも困ったときはインターネット上で簡単に解決できる!
初心者でもプラグインを使った機能拡張が簡単にできる!

初心者でもデザイン性の高いおしゃれなサイトが作れる!

WordPressでは、ホームページのデザインを決めるテンプレートのことを"テーマ"と呼びます。

WordPressには、無料のものから有料のものまで数多くのテーマが用意されています。

ビジネス向けのシンプルなものから、こだわりの写真を多用出来るもの、ECサイトにぴったりなものまで選び放題。

なんとWordPress公式のテーマだけでも3000以上のテーマが存在します。

しかも管理画面からサクッと簡単にテーマを変更できるのも初心者には嬉しいポイントですね!

初心者でも困ったときはインターネット上で簡単に解決できる!

WordPressは世界中でたくさんの人に利用されています。

多くの人が利用しているぶん、インターネット上にはWordPressの情報が溢れています。

困ったときには、インターネットで「WordPress ○○ができない」と検索してみてください。

その解決策を教えてくれるサイトが必ずヒットすると思います。

利用者がたくさんいる分、過去にあなたと同じ悩みを持っていた人がいるはずです。

過去に同じ悩みを持った仲間がその解決策を公開してくれている、というのは初心者にとってとても心強いのではないでしょうか。

初心者でもプラグインを使った機能拡張が簡単にできる!

WordPressでは、基本機能に自分の好きな機能を追加することが出来ます。

その機能を追加するためのツールのことを「プラグイン」と呼んでいます。

例えば下記のような機能があったらいいな、と思いませんか?

・お問合せフォームの設置

・コメント欄へのスパムコメントを防止

・SNSのシェアボタンを設置

・容量を節約するため画像を圧縮して表示

このような機能は全て「プラグイン」を追加することにより使えるようになります。

追加は、テーマと同じく管理画面から簡単に行うことが可能です。

このように自分好みのホームページにカスタマイズできるのもWordPressの大きな特徴ですね!

WordPressでホームページを作るまでの流れ

「では、WordPressでホームページを作るにはどうすればいの?」という方に、手順を説明します。

WordPressでホームページを始めるまでの手順は以下の様になります。

  1. ドメインとレンタルサーバーを申し込む
  2. WrodPressをインストールする
  3. ホームページの構成を考える
  4. WordPressのテーマを選ぶ
  5. ホームページの中身を作っていく

それぞれの手順について説明したいと思います。

ドメインとレンタルサーバーを申し込む

まずは独自ドメインとレンタルサーバーを用意する必要があります。

このページを最初から読んでいただいた方は、もう独自ドメインとレンタルサーバーの必要性は分かっていただけると思います。

この「ドメイン」と「レンタルサーバー」を用意すれば、WordPressでホームページを始めることができます。

お名前.comなら「ドメイン」と「レンタルサーバー」を1度に申し込むことができますのでおすすめです。

お名前.comで「ドメイン」と「レンタルサーバー」を申し込む方法は以下を参照してください。

WordPressをインストールする

「WordPressをインストールする」は一見難しそうに感じますが、お名前.comなら作業は一瞬で終わります。

ドメインとレンタルサーバーを1度に申し込みしてあるので、ドメインの設定などは不要です。

レンタルサーバーの「WordPressかんたんインストール」機能を使えばあっという間に完了します。

参考として、お名前.comの「WordPressのかんたんインストール方法」のガイドページを以下に置いておきますので参照してみてください。

とても簡単なことがわかると思います。

ホームページの構成を考える

WordPressを実際に操作する前に、まずはホームページの構成を考えます。

イメージしているホームページはTOPページ以外に、どんなページが必要ですか?

ホームページによくあるページといえば、「お問合せ」や「会社概要」「アクセス」「お問合せ」などでしょう。

どのようなページが必要かあらかじめ考えておきましょう。

WordPressのテーマを選ぶ

ホームページの構成を考えたら、イメージに近いテーマを選びましょう。

テーマは後でも変更できるので、まずは直感で気に入ったものを選ぶといいでしょう。

テーマの設定方法は、お名前.comのガイドで説明しています。

手順通りにやれば簡単に設定できますよ!

ホームページの中身を作っていく

ここまで来たら、あとはコツコツとホームページの中身を作っていきましょう。

ヘッダーメニューを作成したり、画像の設定を行い、理想形に近づけていきます。

そのような基本設定に関してもお名前.comのガイドに記載しています。

ガイドを見ながら手順通りに操作すれば、ホームページに記事を投稿したり、プラグインでカスタマイズするところまで覚えることが出来ますよ!

いかがでしょう。

自分にあったホームページの作成方法は見つかりましたか?

それぞれの作成方法の特徴を理解することは、きっと今後のホームページ運営にも役立つはずです!

また、お名前.comではWordPressに最適なレンタルサーバーを提供中です。

WordPressかんたんインストール機能はもちろん、WordPressかんたん引っ越し機能もあります。

数々の技術を採用して高速&高安定を実現し、高機能なのにコストパフォーマンス抜群のレンタルサーバーとなっています。

WordPressを使ってホームページを始めたいと思った方は、ぜひ以下からお名前.comのレンタルサーバーをお申込みしてみてくださいね!

  • ※ 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。
  • ※ 日本のドメイン登録業者(レジストラ)(「ICANNがレジストラとして認定した企業」一覧(InterNIC提供)内に「Japan」の記載があるもの)を対象。
  • ※ レジストラ「GMO Internet, Inc. d/b/a Onamae.com」のシェア値を集計。
  • ※ 2019年3月時点の調査。