【保存版】初心者におすすめ！ホームページの作り方がわかる本15選

この記事は、上記のようなお悩みをお持ちの方のために書きました。

「ホームページの作り方」といっても、初心者の方にはなんだかイメージが付きづらく、ちょっと取っつきにくいイメージがありますよね。

ですが、ご安心ください。今回の記事では、

主に上記2点についてまとめましたのでこれを読めばスッキリお悩みが解決するはずです。ぜひ最後までお読みください。

ホームページの作り方には2パターンある！

まずお伝えしておきたいのが、自分でホームページの作るには2つのパターンがあるということです。それが、

以上の2つです。ではそれぞれ具体的にご紹介していきます。

CMSを使って作る（WordPress、wix、jimdoの3つに絞る）

CMSはContent Management System（コンテンツ管理システム）の略で、後述するプログラミング言語のような専門知識がなくても、ホームページ等のサイト構築を自動的に、かつ簡単に行えるシステムです。

いくつも種類がありますが、中でも

上記の3つが有名です。

このうちWordPressは全世界のWebサイトのうち3分の1以上を占める超有名ソフトウェアで、あらゆるデザインの本格的なブログやホームページを作れます。

残り2つのWix、Jimdoはマウスを使ったドラッグ＆ドロップだけで現代的なホームページを作れ、かつ無料です。

いずれも予めデザインのテンプレートが用意されていて、それを使って簡単に作成ができます。その反面、ある程度デザインが決まりきってしまうという難点があります。

とはいえ、よほどホームページにこだわりがなければ、基本はこの3つを使えば満足のいくホームページが作れるでしょう。

手軽に費用をかけず、サクッと見栄えの良いホームページが作りたいという方は上記3つのうちどれかを使えばいいでしょう。

プログラミング言語を覚えて作る

もうひとつの方法はプログラミング言語を覚えて自分で1から作るという方法です。Webサイトには様々なものがありますが、どのサイトもプログラムで動いています。

ホームページを制作する上で用いられる言語は、

以上の4つが多いです。

これらを学習し身につければ、CMSでは実現できない自由な凝ったデザインや、独自の機能を持たせた個性的なホームページを作ることができます。

ただしその一方、プログラミング言語の習得には時間がかかりますし、スクール等に通って習う場合はお金もかかるという側面もあります。

とにかく自分だけのこだわったホームページが欲しいんだという方はこちらがおすすめです。

以上のように、ホームページを作るには2つの方法があります。というわけでここから先では、作り方別におすすめの本を紹介していきます。

CMSを使ったホームページ作成がわかる本6選

では、まずはCMS（WordPress、Wix、Jimdo）を使ったホームページの作り方がわかるおすすめの本を順にご紹介します。

WordPress：いちばんやさしいWordPressの教本

キャラクター同士の会話形式、わかりやすい図解などが多用されていて、「WordPressがまったくわからない」という方でも安心してホームページ作成が進められます。

高性能な無料WordPressテーマ「Linghtning」を使ってホームページが作るという内容になっているので、このとおり進めれば最後にはちゃんとホームページができあがるようになっているのも嬉しいポイント。

大手書店チェーンで売上No.1を記録した実績もあります。初心者の方はまずこちらを読んでみましょう。

この本の評価・口コミ

「WordPressはすでに使用していて独学でなんとかなっていました。けれどもこの本に出合って、初めて知ることが多く、大いに役に立ちました。「ああ、そうか、そういうことだったのか！」と何度もつぶやいてしまいました。制作していく順番に書かれているのでわかりやすかったです。ブログを始める前に読んでおくべきだったと思いました」

「ホームページ作成のスクールのテキストとして使用しています。簡単にホームページの形ができました。わかりやすいテキストと感じます。但し、実際に作成していくと現在は有償であったりしてどんどん変化するWordPress。であることを前提に使用することになります。」

「初めてワードプレスを導入するにあたり、特徴を知るには良い買い物だったと思います。」

引用元：Amazon https://amzn.to/2QRRSSe

WordPress：はじめての簡単WordPress入門[決定版]

こちらも同じく、WordPressを触ったことがないという初心者の方向けに書かれた入門書です。

WordPressでホームページを作る際の全体的なざっくりした流れから、各項目ごとの詳細な説明まで図解付きでわかりやすく記載されています。

WordPressに最初から設定してあるテーマ（デザインのテンプレート）を使ったホームページの作成方法が書かれており、超初心者の方でも安心です。

この本の評価・口コミ

「すごく分かりやすいです。WordPressって、なにやら、コードを書いてブログを作るソフトなのだと思っていたのだけれど、この本は違った。本当にわかりやすく書いてあり、写真も豊富。初心者にはおすすめの一冊。」

「初めてワードプレスをやるかたにお勧めです。ワードプレスtwenty elevenをもとに書かれていました。」

「仔細に書かれて参考になります。きちんとしたHPを作成する人向けではなく、素人の人で初めてWORDPRESSでHPやブログを作成する人向けには良いのではないでしょうか？決定版と書かれていますが、そうでも無い感じはします。」

引用元：Amazon https://amzn.to/2Xv4wZP

なお、上記以外の「WordPressの入門書」は以下の記事にもまとめていますので、合わせてお読みください。

Wix：初心者でも今すぐ使える!改訂Wixでホームページ制作

「Wixってそもそもどんなサービスなのか？」という点から解説してある、全くの初心者の方向けの入門書です。

基本の操作方法から、Wixでホームページ作成をする際に用いられる各種用語の説明・索引も用意されていたりと、初心者のための配慮が行き届いた仕様になっています。

Wixの公認のトレーナーの著書ですのでわかりやすく、Wixでホームページを作ろう！と考えている方にはおすすめの一冊です。

この本の評価・口コミ

「とても有益。ウェブショップなどビジネスの分野の詳細が欲しかった。この分野に特化した書籍を望む」

「初心者向けです。基本が知りたい初心者には、WIXがどういったモノか知るには、よかったですが、慣れて来て、こんな風にしたい！となると載ってなかったり、アップデートの度にWIX自体の仕様が変わる事が増えてきたので、ネットで探さないといけない事が多いです。初期の頃から比べるとアップデートしないと出来ない事もあるので、毎年改訂版や応用編を出して欲しいです」

引用元：Amazon https://amzn.to/2WtFgXB

Wix：Wixで作るホームページはじめの一歩

こちらも同じく、Wixやホームページを全く知らないという方向けに書かれた入門書です。

Wixの機能説明から実際の作り方まで、図解（写真）つきで解説されてあり、パソコンで実際にその画面を確認しながら操作・作成が進められます。

学習だけでなく「実際にホームページを作る」ことに重きを置いている本ですので、早くWixでホームページを作りたいという方にはおすすめの1冊です。

この本の評価・口コミ

「わかりやすく書かれています。おかげで、１ヶ月未満で、２つのHPを立ち上げることができました。書籍よりも、Wixという仕組みの方に満足でした」

「ヨガスタジオをオープンするにあたりＨＰを作成しました。jimdoでも作りましたが、もっと自由度がありおしゃれなHPが作りたくWIXを選択しました。パソコンの知識がないので、jimdoよりも難しい」WIXでしたが、この本のおかげで何とか公開することができました。私のようにウェブの知識がなくHPを作りたい人にはとってもお勧めの本です」

「サイト作成の為の知識が無くても簡単にしかも無料でホームページが作れると聞いてすぐにWixのアカウントを取得しましたが、経験も予備知識も全く無い状態だったので何もかもが手探り状態(^^;)日本ではまだ知名度が低いツールらしく、検索かけても解決出来ず。そんな日々が続いていたのでこのような書籍が発売されてとても助かっています。私のような初心者でもこの本のおかげで、ある程度は見れるレベルのサイトを作る事が出来ました」

引用元：Amazon https://amzn.to/2WuHwOc

Jimdo：10日で作るかっこいいホームページ Jimdoデザインブック

JimdoExpertというJimdoのカスタマイズに長けたプロが書いた本で、機能説明から作り方まで非常にわかりやすく書かれています。

作り方はもちろん、ホームページの作成を始める前にやっておくべきことから書かれているので、ホームページ完成までのイメージがわきやすい内容となっています。

さらに、「応用編」としてホームページとSNSとの連携や集客方法まで触れられており、これ1冊あればホームページ運用に必要なほぼすべての作業をこなすことができます。

この本の評価・口コミ

「簡潔に書いてあるので、読んだ通りにやってHPをつくることができました。特別な知識はいらなかったです」

「Jimdoの解説はネット上にたくさんありますが、やはり紙媒体で系統的に書かれているので随分と分かりやすく、さくっと作りたいページが作れました」

「探していたのはこれです!!と言わんばかりの内容に大満足。お客様に使い方の説明をできる本をさがしていて、ついでに購入した本でしたが、本来買おうとしていたものは現在のものに対応しておらず、使い物にならなかった。これを買って救われました…」

引用元：Amazon https://amzn.to/2WqIfjm

Jimdo：小さなお店&会社のホームページ Jimdo入門

こちらも、初心者向けにJimdoを使ってホームページを作成するための方法と、運用方法までが丁寧に書かれている1冊です。

個人でお店のホームページを作る際にはどうしたらいいか？　という観点で、専門用語を極力省いてわかりやすく書かれているので、横文字やネット特有の専門用語が苦手という方にも安心な内容。

また、Jimdoの管理画面の操作方法だけでなく「ホームページを運用していく」ことを前提に説明されている点も好印象です。

この本の評価・口コミ

「無料のホームページで、しかも出来栄えもいいし最高です。そこでお世話になったのがこの本です。内容もわかりやすく、今までホームページビルダーを購入して使用してましたが、無料でしかもショップ対応もできるこのソフトとこの本があれば十分だと思います」

「本書ではカフェのホームページを作る内容ですが、それを自分の会社に置き換えて作成していけばホームページが作成できます！何冊か参考にしましたが、大枠のホームページを作成するなら本書が一番だと思います」

引用元：Amazon https://amzn.to/2XudRkR

プログラミング言語を使ったホームページの作り方がわかる本6選

続いては、ホームページ作成に必要なプログラミング言語をわかりやすく勉強できる本を、プログラミング言語別にご紹介します。

HTML＆CSS：デザインの学校 これからはじめるHTML&CSSの本

「HTMLやCSSってなに？」という超初心者の方向けに非常に丁寧に書かれた、入門用に最適な1冊です。

とはいえ基本的な要素の説明だけでは終わらず、実際に自分でホームページを作りながら学ぶ形式になっており、実用的なスキルもきちんと身につく1冊です。

「HTMLとCSSをマスターとまではいかなくても、ある程度の基礎的な知識やスキルを身に着けたい」という方はまずこの本から始めてみましょう。

この本の評価・口コミ

「タイトルに「入門」「超入門」などがつく本はたくさんありますが、本当に、初心者のための、タイトルどおりの、入門書はコレです。他の本が専用エディタをインストールすることを前提としているのと違い、メモ帳でも十分にやっていけるというところが、この本の入力量の少なさを物語っています。（もちろん専用エディタの方がラクですけども）」

「親切すぎるくらい丁寧な解説。一通りのHTMLとCSSの仕組みがよくわかりました。少し、解説が丁寧すぎるかな？とは感じましたが…」

「内容は本当に基本のキなので、勉強する部分はまだまだありますが、html勉強始めは一冊やり終えることが大事だと思います。これをやった後に別の基本書でまた勉強すると基礎が身について良いと思います。
今あるhtml入門書の中では一番好きです」

引用元：Amazon https://amzn.to/31bKAgU

HTML＆CSS：作りながら学ぶ HTML/CSSデザインの教科書

HTML＆CSS学習の王道の一冊ですが、ある程度HTMLとCSSの知識がついてきたところで読むことをおすすめします。

ひとつひとつ「このスキル・知識はなぜ必要なのか？　何のために勉強するのか？」が具体的に書かれているので、課題をこなしながら確実にスキルアップが目指せます。

学習語は、HTMLやCSSの「あれ、どうなんだっけ？」と忘れた際の参考書としても有用です。買っておいて本はないおすすめの一冊です。

この本の評価・口コミ

「全体を通して一つのサイトを作り上げるというのが目的なので、実践的な知識が身に付きます。この一冊でHTMLとCSSの基本は完璧なのではないのでしょうか。しかし、出版が3年前なので少し状況は変わっているかもしれませんので、その辺はネットで補完していきましょう」

「タイトル通り、一つのサイトを作りながら学びます。全くの初心者でしたが、最後まで完成させられました」

「初心者向けの本は、初心者がつまずくような省略をできるだけしてはいけないのだけれど（ものすごくストレスになって続かないから）、それがきちんと守れているので良著です。内容としても充実している。詳細に書くと量が多くなるとストレスになり、逆に少なすぎると、つまずくのだけれども、そのバランスは良い」

引用元：Amazon https://amzn.to/2I1hF7K

※なお、HTMLとCSSに関するおすすめの学習書は以下の記事にもまとめています。

PHP：最初に「読む」PHP

そのタイトルの通り、PHPのことを読んで理解する、わかりやすい解説がされています。イラストや図解も用いて「HMTLとの違いは？」という観点から噛み砕いた表現で解説されていて、一発でポイントを理解できるような作りになっています。

過去にPHPでつまづいた経験のある方にもやさしい内容ですので、PHP勉強の最初の1冊として最適です。

この本の評価・口コミ

「この本は条件分岐・繰り返し・ファイル操作・データベース連携やAPI連携などを含み、サンプルを作成しながら学ぶ形式になっています。この一冊だけで向いてる人なら簡単なWebサービスを作れそうだなと感じさせてくれます」

「少しずつ少しずつ合間を縫ってphpを勉強しています。とてもわかりやすくてphpがどんどん楽しくなります。いま第四章まで順調に来ることができました。phpを頑張りたいと思った気持ちをまっすぐに伸ばしてくれる本当にいい本でした」

引用元：Amazon https://amzn.to/2Wov91v

PHP：いきなりはじめるPHP~ワクワク・ドキドキの入門教室~

上記書籍と同じく「プログラミング自体を知らない」という初心者でも理解できるように書かれた本です。難しい用語は本当に一切使っておらず、イラストのかわいさも相まって、PHP学習のハードルを感じさせない良書です。

各章ごとに1つの課題をクリアしていく形式を取っているため、着実にレベルアップをしている実感が得られ、復習も簡単にできます。こちらもぜひおすすめしたい1冊です。

この本の評価・口コミ

「何も分からない初心者が、いきなり勉強を始めるにはとてもとっつきやすい本。途中つまずきそうになっても、困ったらここにまた戻って読み返そう！といった、恐ろしく親切な構成になっているので、安心しながら楽しく読むことができた」

「会社に多くの初心者用冊子沢山あるのですが、ずぶの素人ではなんのことやら。本当に何も知らない人でもできます。初心者用の冊子で挫折した人は是非手に取ってもらいたいものですね。気づけばプロ並みPHP改訂版と一緒に購入おすすめです。実は1日講習受けて、欲しくなったので購入しました」

「本書ではPHP以前のWebプログラミングで躓く点なども触れられています。本当にWebプログラミングが初めての人（HTMLも同時に学習しているレベル）の入門者が、PHPの入門に使用するには良い書籍だと思います」

引用元：Amazon https://amzn.to/2WkcXGe

※なお、PHPに関するおすすめの学習書は以下の記事にもまとめています。

PHPが学べるおすすめの本！入門～上級までレベル別に紹介

更新日：2024年3月29日

JavaScript：スラスラわかるJavaScript

JavaScriptを学習するための最初の1冊として最適な本です。

「JavaScript関連の知識はゼロ」という状態から、プログラムが自力で作れるようになるところまでを完全フォローしている本なので、基本的な技術はこの本さえあればほぼ身につきます。

漫画やイラスト、図解を用いて丁寧に書かれており、内容も必要最低限のもの。簡単というよりも挫折しにくい内容となっています。

この本の評価・口コミ

「前半HTMLとCSSの基礎に触れ、続いて本題のJavaScriptと全体的な構成・バランスのよい内容で満足です。図解も多く、各項目の説明も丁寧でわかりやすいです。途中のチェックテストと解説も参考になり理解が深まります。タグに読み仮名が付与されているのも親切だと思いました（意外と書いていない書籍が多いです）JavaScript、一度は躓きましたがこの本なら独学でマスターできそうです」

「専門学校でホームページ開発を習いました。この本のおかげでjqueryで画面に花びらを舞わせたり、スクリプトで音声入り、インターバルタイマーを作ることができました。例文とイラストでわかりやすく書かれていたので理解ができたと思います」

引用元：Amazon https://amzn.to/31e6DUi

※なお、JavaScriptに関するおすすめの学習書は以下の記事にもまとめています。

jQuery：jQuery最高の教科書

本のタイトルからしてわかるように「jQueryについて何も知らない」という方向けに書かれた入門書です。

とはいえ、最終的には仕事で使えるレベルにまで持っていけるように順を追って書かれており、後半は実際にjQueryを用いてサンプルを作成するため、見栄えの良いホームページを作るための技術がきちんと身につくようになっています。

目的に応じて細かく章が分けられているので、復習にも最適。jQueryを学ぶならまずはこれをどうぞ。

この本の評価・口コミ

「良く書かれている教材です。字も見やすいですし良く読んで、サンプルを反復すれば中級までの概念とスキルはは学べます。ただ、jQueryを学ぶには多少はJavaScriptの勉強は必要ですね。jQueryの参考書は、これで4冊目ですが今の所この本が分かりやすいです」

「とてもわかり易い参考書にでした。いままで、わからないまま、なんとなくスクリプトを入れていましたが、こちらを参考にすることで、だいぶ理解できるようになったと思っています」

「これがないとはじまりません。JQわかりはじめてたら、この本を３回は読んだほうがいいです。フロントエンドの仕事をするならバイブルの一つになるかもです」

引用元：Amazon https://amzn.to/2Xtupcp

※なお、jQueryに関するおすすめの学習書は以下の記事にもまとめています。

見栄えのいいホームページの作り方がわかる本3選

最後に、ホームページをより見栄えのいいデザインにするために読むべき、「デザイン関連」の書籍をいくつかご紹介します。

いちばんよくわかるWebデザインの基本

「Webデザイン」に特化している本で、初心者向けにわかりやすく書かれています。レイアウトからカラーリング、画像の形式・使い方・特徴、フォント、HTMLとCSSまで必要なものをすべて網羅していて充実しています。

また、企業のホームページなど、実際に存在する優れたデザインのWebサイトを例にとり、どこがポイントになっているのかまでやさしく解説しているので、具体的かつ実用的な内容になっています。

この本の評価・口コミ

「初学者でもわかりやすい本。ウェブのデザインを主に取り上げている本だと思いました」

「この本は良かった。オールインワンっていう言葉で理想だけど、中々その言葉を体現するツール（ひょっとしたら人も！？）って無いもんだけど、この本はまさにオールインワンなWEBデザイン本だ。っていうか、動画や紙媒体のデザインをする人にもとても参考になると思った。特に参考に参考となるのが、事例として豊富に掲載している実際のウェブサイトのトップ画面。入門と言う割にはページ数は結構あるけど、飽きない内容で良かったね！」

「仕事としてWeb制作をすることになり、大変参考になりました。本書を読む前にも他の本を数冊読んでいたのですが、とっかかりとしてはこの一冊だけ読んでおけば間違いありません」

引用元：Amazon https://amzn.to/2EWouFD

ネットで「女性」に売る 数字を上げる文章とデザインの基本原則

ネットで売上を上げるためという明確な目的を設け、見た目のデザインだけでなく、「心に刺さる文章の書き方」にまで言及した良書です。

男性と女性の「買い物」の違い、女性特有の購買心理を汲んだ「セールスコピーランティング」のノウハウが満載。

さらにリピーターの獲得法まで触れられており、小さな会社・個人でも実践できる内容になっているおすすめの1冊です。

この本の評価・口コミ

「同業のあいだでは『谷本以前』『谷本以後』という言葉も聞くほどのインパクトがある名著です。通販業界で一線を走っているコピーライターは『シンデレラ』を例に出して解説することが多いのですが、今までいまいちわかりませんでした。ですが、この本を読んで真意を理解できました。女性は『すでにお城に住んでいる』という表現はまさに目からウロコです。通販に関わる人は必ず読むことをおすすめします。

「女性の衝動の本質は・・・・『本来の自分を取り戻したい』という感受性から来ると、説明するのが本書。本書の著者が女性であることから、信ぴょう性が高い内容である。『本来の自分を取り戻したい』という心理的なものは、従来の心理学書にも出てこない、独自な観点である。独自な観点では有るが、それで色々な女性の行動が説明できてしまうことに驚いた。一度は読んでみるべき、良書である」

引用元：Amazon https://amzn.to/2XvOVt1

なるほどデザイン

ホームページだけでなく、本や写真、あらゆる作品のデザインに関して書かれている、大きな意味での「デザインの本」です。

絵や図、写真が豊富で目で見て楽しむタイプの本になっており、デザイン初心者の方や、特に目的なく買ったとしても読みやすく楽しめる内容です。

この本自体がすでに美しくデザインされており、直感的にデザインとは何か？がわかる入門書となっています。

この本の評価・口コミ

「デザイナーにも非デザイナーにも！どちらにも良い本だと思います。チャプターごとに分かれているので見たい部分をサッと見れるのがよいです。例に挙げられてるデザインがベストとは思いませんが思考に関しては、すごく上手にわかりやすくまとめくれてると思いました。勉強になりました。いい本です」

「グラフィックデザインを仕事としている者です。本当にいい復習になります。デザインを言葉で論理的に説明するのって難しいんです。が、これを頭に置いてプレゼン等すると説得力が違いますね。慣れてくると感覚に頼りがちになったりしますが、これは基本に立ち帰らせてくれます。新人デザイナーにも、ベテランデザイナーにも、手元に置きたいベストな本かと」

引用元：Amazon https://amzn.to/2XrcQdb

本で学習を効率的に進める4つのコツ

ここからは本を読んで学習する際のコツをご紹介します。

まずは目次に目を通す

いきなり本を読み始めるのではなく、まずは本の目次にざっと目を通しましょう。目次を読むだけでもその本の内容をざっと把握することができます。

自分の気になる内容が書いてあるか？　どこを読めば知りたい内容を学ぶことができるか？　などを眺めながら把握していきましょう。

逆に言えば、目次を読んでも自分の欲しい内容がなければ、その本の中にあなたの欲しい情報はないかもしれません。

気になったところを読みこむ

目次で見てピンときたところを読み込みましょう。本を読む際に、最初から読まなければいけないと思っている方は多いようですが、実際はそんなことはありません。

一度ではわからない箇所は何度か読むことでわかるようになりますし、ピンポイントで自分の知りたい内容を知ることができるので効率的です。

実際に手を動かす

そしてもちろん読むだけで終わりではなく、実際に手を動かしていきましょう。WordPressやWix、Jimdoを使ったホームページの作り方の本は特にこれが大事で、読むのと同時並行で進めていくのが重要です。

読むだけではすぐに忘れてしまう知識も、手を動かすことで確かなスキルに変わっていきます。また、実際に手を動かしつつさらにもう一度本を読むことで、さらにスキル・知識は定着します。

進捗をアウトプットする

最後はSNSやブログ等をやっている方限定ですが、SNS・ブログで、本で読んだこと・学んだことを積極的にアウトプットしていくことは非常におすすめです。

フォロワーや読者との交流を通して、質問が来た箇所を答えれば、さらにスキルや知識は確かなものになります。また、それを行うことでSNSやブログの集客力が増しますので、作成したホームページへの集客源にもなります。

まとめ

ホームページはCMSを使って作る場合でも、プログラミング言語を勉強して作る場合でも、学習に最適な本はたくさんあります。

今回ご紹介した本を参考に、ぜひあなたの理想通りのホームページを作ってみてください。