1. トップ ›
2. コラム ›
3. ホームページ作成 ›
4. 自分でホームページ制作する方法【簡単作成ソフトでHPを自作】

自分でホームページ制作する方法【簡単作成ソフトでHPを自作】

会社やお店のホームページでも、個人のホームページでも、「自分でホームページを制作したい」と思う方にとって、何からはじめればよいのか、そもそもどのような方法があるのか、わかりにくいと感じることが多いのではないでしょうか？

このページでは、ホームページを自作したいと考えている方に向けて、4つのパターンを分かりやすく、なるべく難しい言葉を使わず、図や絵も用いながら、解説していきたいと思います。きっと、お役に立てると思いますので、ぜひご一読ください。

＼誰でもホームページを自作できる初心者向けソフト／

作成方法	メリット	デメリット
1 HTMLを自分で記述	自由度が高い コストがかからない	HTMLの勉強が必須 技術習得に時間がかかる
2 インストール型ホームページソフトで作成	自由度がやや高い 中級者向け	ドメインやサーバーなどは自分で別途用意 ある程度の勉強が必須
おすすめ3 サーバー一体型サービスを利用	すぐにはじめられる 初心者向け ドメイン・サーバーもセットされている スマホでもHPを作成できる	自由度はやや低い
4 立ち上げはプロを頼る	すぐにはじめられる プロの力を頼れる	プロに依頼するコストが必要

「ホームページを自作したい、でも、何からはじめたらいいのかわからない」
「でも本業も忙しくてあまり時間が取れない…」

そんな方に向けて、大切なことをシンプルに６項目にまとめてみました。10分ほどでお読みいただける内容です。それでは解説していきたいと思います。

ホームページに世界中からアクセスできる理由

ホームページを自作しようと、焦ってその方法ばかりを探してしまうより、まずはホームページの基本の仕組みを理解しておくことがおすすめです。「なぜ、ホームページは世界中から見ることができるのか？」ということを感覚的に理解できると、その後がとても楽になります。

インターネットとホームページの関係を理解すると、自分にあった作成方法が、自然と判断できるようになるためです。まずは、以下の３つの単語について、意味を確認しましょう。

ホームページがインターネットを経由して、世界中から見ることができるのは、上記の３つがそれぞれの役割を果たしてくれるためです。

自分でホームページ制作する方法は4通りある

ホームページを自分で作成する方法は大きく分けて、以下の４つになります。

方法１　HTMLを自分で記述して作成

余談ではありますが、実は、ホームページは特別なソフトウェアなどを使わずとも、作成できるものです。Windowsであれば、どのパソコンにも入っている「メモ帳」で、Macであれば、「テキストエディット」でHTMLを記述して、ホームページを作成することができます。

しかし、この方法は当然ながら初心者にはとてもハードルが高いです。これから自分で習得する場合は、参考書を購入し、しっかりと学習時間を確保することも必要になります。

方法２　中級者向け（インストール型）ホームページソフトで作成

初心者でもソフトの使い方を覚えれば、ある程度、自由度の高いホームページが作成できますが、ドメインやサーバーは別途自分で用意する必要があるなど、ややハードルの高さは残ります。中級者向けの方法というイメージです。

方法３　初心者向け（サーバー一体型）ホームページ作成サービスを利用

IDとパスワードでログインし、文字や写真を投稿していくだけで、自分でホームページを作っていくことができるため、初心者でもハードルが低く、やりやすい方法です。また、スマホだけでもホームページを作成できるので、「パソコンに慣れていない」という方でも安心です。

特に「とりあえずHP」は簡単さに徹底的にこだわっているサービスで、初心者の方でも挫折せずにホームページを作成することができます。

＼「とりあえずHP」の公式サイトはこちら／

方法４　立ち上げはプロに手伝ってもらい、その後は自分で作る

ホームページは作って完成して終わりではなく、情報を更新したり、ページを増やして充実させていくことができるものですので、ゼロからすべてを自作することにこだわるより、はじめはプロに助けてもらい、続きの更新を自分でできるようにしていくことも一手です。

それぞれのホームページ自作方法のメリットとデメリット

４パターンそれぞれに、メリットとデメリットがありますので、簡単にまとめてみます。

作成方法	メリット	デメリット
1 HTMLを自分で記述	自由度が高い コストがかからない	HTMLの勉強が必須 技術習得に時間がかかる
2 インストール型ホームページソフトで作成	自由度がやや高い 中級者向け	ドメインやサーバーなどは自分で別途用意 ある程度の勉強が必須
3 サーバー一体型サービスを利用	すぐにはじめられる 初心者向け ドメイン・サーバーもセットされている スマホでもHPを作成できる	自由度はやや低い
4 立ち上げはプロを頼る	すぐにはじめられる プロの力を頼れる	プロに依頼するコストが必要

それぞれによさがありますが、自分が何を大切にしているのか、優先順位をイメージしておくようにしましょう。

ホームページ作成のプロを目指すような人であれば、HTMLの学習は必須になりますが、プロを目指しているわけではなく、会社やお店などのホームページを自作したいという人は、あえてHTMLを学ぶ必要はありません。

自分にあったホームページ作成方法の選び方

繰り返しになりますが、誰にとってもベストな方法というものはなく、それぞれ、自分にあったやり方を見つけることが大切になります。

ここでは、以下の10個の質問項目を作ってみましたので、あなた自身の状況を回答してみましょう。選択肢の後ろに記載している緑色の数字を足していただき、判定結果と照らし合わせてください。あなたにとってのよりよい選択のヒントとなると思います。

---

判定結果

【合計点10〜15】 サーバー一体型サービスがおすすめ！

ドメイン・サーバー・ホームページ作成ソフトの環境がすべて整っているサービスは、とても便利です。ホームページ作成に苦労することなく、あなたの時間を有効に使え、いざ困ったときにはサポートを受けることもできます。

簡単5ステップ！ホームページを自分で作成する手順の章では、サーバー一体型のホームページ作成ツールである「とりあえずHP」を使って実際にホームページを自作する手順を具体的に解説しています。ぜひチェックしてみてください。

【合計点15〜18】 インストール型のホームページソフトがおすすめ！

ある程度、自由度の高いホームページを作りたい方、自分自身でホームページ作成のノウハウも習得していきたい方には、インストール型のホームページソフトを検討してみましょう。

【合計点18〜20】 HTMLを自分で記述して作成することがおすすめ！

もはや初心者ではなく、上級者への道を進もうとされている方は、HTMLの学習を伴いながら、コードを記述してホームページ作成をしていきましょう。ホームページのプロの登竜門的な作成方法です。

---

簡単5ステップ！ホームページを自分で作成する手順

上記の結果はいかがでしたでしょうか？

ホームページを自作する場合、おすすめしたいのは、「サーバー一体型のホームページ作成ツールを利用すること」です。初心者から中級者まで、幅広い人がいま使っていて、とても人気の高い作成方法になります。

ここでは、サーバー一体型のホームページ作成ツールである「とりあえずHP」を使って、ホームページを自作する手順をご紹介してみたいと思います。

STEP1　無料お試しアカウントを作成

とりあえずHPの公式サイトにアクセスし、「無料でお試し」のオレンジ色のボタンをクリックします。その後2つのフォームの必要項目に入力して送信すると、30日間無料で利用できるアカウントが発行されます。

※ これから解説する手順は、スマホでも問題無く実施することができます。

オレンジ色のボタンをクリックすると、無料体験申し込みフォームが表示されるので、まずはメールアドレスを送信してください。

その後、確認メールが届くので、下記の枠で囲われている箇所のURLをクリックしてください。

下記のフォームが表示されるので、必要事項を入力してください。このフォームを送信すると、自動的にとりあえずHPの画面に移動します。

以上で無料登録は完了です。

STEP2　好みのデザインを選ぶ

とりあえずHPは200種類以上のデザインテンプレートがあり、いつでも選び直すことができます。とても簡単で楽しい作業ですので、まずはデザインを選んでみましょう。

ログイン後、左のメニューから「デザインの選択」をクリックします。

200種類以上のテンプレートが簡単に検索できます。好みのものが見つかったら、「このデザインを選択」をクリックするだけで、ホームページのデザインを着せ替えることができます。

この手順は以下の動画でも分かりやすく解説されています。

STEP3　ホームページ名を変えてみる

管理画面右上の「ホームページを確認」をクリックしてみると、現在のあなたのホームページを見ることができます。

現在のホームページ名は「とりあえず情報サービス」と記載されていました。
管理画面に戻り、「基本情報の設定」をクリックします。

基本情報の設定の「ホームページ名」という欄を、「株式会社青空工務店」と入力修正し、緑のボタン「上記の内容で設定」をクリックします。

そして、右上の「ホームページの確認」をクリックしてみます。

すると、このように簡単に、ホームページ名を修正することができました。

この手順は以下の動画でも分かりやすく解説されています。

STEP4　記事ボックスを作成してみる

次は、ホームページに文章や写真を掲載してみたいと思います。とりあえずHPの場合は、「記事ボックス」という機能があり、とても簡単に使うことができます。

ここでは、トップページに記事ボックスを追加してみたいと思います。

左メニューより、「トップページの編集」をクリックします。

ページの中ほどにある「記事ボックスを追加」をクリックします。すると、以下のようなウインドウが開きます。

「見出し」と「本文」にそれぞれ、文章を入力してみましょう。あとからでも簡単に修正できますので、今は適当な文章でOKです。さらに、「上側に挿入」を選択しておきます。

入力したら、緑のボタン「上記の内容で設定」をクリックし、管理画面の右上にある「ホームページを確認」をクリックしてみましょう。すると、

ホームページに、このように記事を追加することができました。

次は、この記事に画像も挿入してみたいと思います。管理画面に戻り、先ほどと同様「トップページの編集」に行くと、追加した記事ボックスがあります。

「画像を選択する」をクリックし、あなたのパソコンやスマホの中に保存されている画像ファイルを選びます。後からでも画像は変更したり、削除することもできますので、今は適当な画像でOKです。画像を選択したら、「上記の内容で設定」をクリックします。

もう一度、管理画面の右上にある「ホームページを確認」をクリックしてみましょう。すると、

このように、記事ボックスに対し、画像を挿入することができました。

この手順は以下の動画でも分かりやすく解説されています。

STEP5　デザインを変更してみる

最後に、デザインテンプレートを変更してみたいと思います。

とりあえずHPでは、200種類以上のテンプレートを、後からでもいつでも、自由に着せ替えることができます。文章や写真を投稿してホームページの中身を作り込んだあとでも、その内容は残ったままで、見た目のデザインだけを簡単に変更することができます。

もう一度、管理画面の左メニューから「デザインの選択」をクリックしましょう。

「色から選ぶ」をクリックし、さらに「赤・レッド」を選択してみます。

今は仮に、左上に出てきたデザインを選んでみたいと思います。「このデザインを選択」をクリックします。

管理画面の右上にある「ホームページを確認」をクリックしてみましょう。すると、

ホームページ名の「株式会社青空工務店」や、作成した記事ボックス「リフォーム工事がはじまりました」はそのままに、赤いデザインに切り替わったことがわかります。

このように、とりあえずHPは、文章や画像を投稿して、ホームページを作っていた後からでも、デザインを選び直すことができます。レイアウトが崩れるなどもありません。

これは他のホームページ作成ツールにはあまりない特長です。作りながら、内容やデザインをいつでも修正できるので、初心者にとって、安心しながら作業を進めることができます。

ホームページ制作についてのよくある質問

ホームページを自分で作るときにやってはいけないことは？

ご自身のスキルとマッチしない制作方法を選択してしまうことは避けましょう。

例えば、HTMLでゼロから制作したり、WordPressでサイトを構築することには、コーディングや最低限のドメイン・サーバーなどの知識が必要です。スキルが無い状態でこれらの作成方法を選んでしまうと、ホームページを完成させられずに挫折してしまう恐れがあります。

知識に自信が無い方は初心者向けホームページ作成ソフトを使うのがおすすめです。一方で、現時点ではスキルは無いけれども、時間をかけてしっかり勉強する意欲がある方はHTMLやWordPressもおすすめです。

ホームページ制作には何が必要？

ホームページをインターネット上に公開するには、ドメイン・サーバー・ホームページのデータの3つが必要です。

HTMLやWordPressなどでWebサイトを構築する場合は、ドメインやサーバーも基本的に自分で用意しなければなりません。

一方で、初心者向けホームページ作成ソフトを使えば、すべてがセットになっていることが多く、その場合は1つのサービスだけに登録すれば大丈夫です。

---

理解しておきたいポイントまとめ

最後に、このページでご紹介してきた内容を、まとめておきたいと思います。

ホームページには以下の３つが必ず必要

インターネットを通じてホームページを見てもらえる状態にするためには、下記の３つが欠かせません。

ドメインは「住所」、サーバーは「土地」、HTMLファイルは「家」に該当します。この３つの関係性を理解しておくことが、ホームページ作成の基本知識となります。

ホームページを自分で作る方法は４通り

ホームページ作成を自分でやるには、大きく分けると以下の４通りがあります。

それぞれにメリットとデメリットがありますが、初心者〜中級者にとってのおすすめは、「方法３　サーバーと一体型のホームページ作成サービスを利用」です。

作成方法	メリット	デメリット
1 HTMLを自分で記述	自由度が高い コストがかからない	HTMLの勉強が必須 技術習得に時間がかかる
2 インストール型ホームページソフトで作成	自由度がやや高い 中級者向け	ドメインやサーバーなどは自分で別途用意 ある程度の勉強が必須
3 サーバー一体型サービスを利用	すぐにはじめられる 初心者向け ドメイン・サーバーもセットされている スマホでもHPを作成できる	自由度はやや低い
4 立ち上げはプロを頼る	すぐにはじめられる プロの力を頼れる	プロに依頼するコストが必要

ドメイン・サーバーがセットされていて、難しい知識や長時間の学習をせずとも、すぐにホームページ作成の作業に取りかかれます。最近の最も人気の高い作成方法でもあります。

自分にあった作成方法を選ぶことが大切

ホームページ作成をする目的や、自分自身のスキルなどに合わせて、「自分にあった方法」を選ぶことが何よりも大切になります。そのためのチェック項目を用意してみましたので、今一度確認してみましょう。

まずは5ステップで、試しにやってみましょう

サーバー一体型のホームページ作成サービスには、お試し期間もありますので、本当に自分でもできるかどうか、まずは手を動かしてみることがおすすめです。

以下で、ホームページ作成の大まかな流れ、5ステップを紹介していますので、気軽にトライしてみましょう。