プログラミング学習

ホームページ制作をする際に参考になる書籍

2020年10月19日

悩む人
WEB制作を書籍で学習したいんですけど,沢山ありすぎてどの本がおすすめなのかが分かりません。
そんな悩みにお答えします。
答える人

ドットインストール」や「プロゲート」などのオンライン学習サイトでの「HTML」「CSS」の学習が一段落して,これからホームページ作成などのWEB制作をやっていこうと考えている人は参考にしてください。

現在のホームページ制作に特に必要になってくる知識は,

  • 「WordPress開発」
  • レスポンシブWEBデザイン

です。

「WordPress開発」は,WordPressのテーマを新しく作成して,そのテーマの中で様々な機能を付け加えていきながら,1つのWEBサイトを構築していく方法です。

「レスポンシブWEBデザイン」は,HTMLで作ったページを,PCやモバイル,タブレットの画面幅に合わせて,CSSを切り替え,表示されるデザインを変えていく方法です。

今回は「WordPress開発」を学習する際に参考になる書籍と,「レスポンシブWEBデザイン」でホームページ制作をしていく際に必要になる「HTML」や「CSS Flexbox」「CSS グリッド」を学習する際に参考になる書籍を紹介していきます。
ヒロシ

この記事はこんな人におすすめ

  • WEB制作を学習するのにおすすめな本が知りたい
  • WordPressテーマをゼロから作れるようになりたい
  • レスポンシブデザインを極めたい
  • 見た目が綺麗なサイトを作りたい
  • 「HTML「CSS」をしっかりと学習したい
  • フリーランスとしてWEB制作で稼ぎたい

それでは,解説していきます。

ホームページ制作をする際に参考になる書籍

今回は以下の書籍を紹介していきます。

  1. [改訂版]WordPress 仕事の現場でサッと使える!デザイン教科書
  2. 1冊ですべて身につくHTML&CSSとWebデザイン入門講座
  3. CSSグリッドで作る HTML5&CSS3 レッスンブック
  4. フレキシブルボックスで作る HTML5&CSS3レッスンブック
  5. HTML5&CSS3ステップアップブック

それでは紹介していきます。

[改訂版]WordPress 仕事の現場でサッと使える!デザイン教科書

2021年現在のWordPressのシェアは、全ウェブサイトの39.5%、CMS(HTMLやCSSを知らなくても、ホームページを構築して運用管理できる、とても便利なソフトウェア)の64.1%という値です。

世界中でダントツのシェア率を誇ります。

クラウドソーシングでWEB制作の案件を見てもらえば分かりますが,WordPress開発の案件がかなりの率を占めていますので,クラウドソーシングでWEB制作の案件を取得していく為には,WordPressでのWEBサイト構築の知識が必要になってきます。

この書籍は,好評だった書籍[WordPress 仕事の現場でサッと使える! デザイン教科書]が最新WordPress 5.x環境に対応したものになります。

WordPressインストールや初期設定などの基本的な使い方はもちろん,ダウンロードできる完成済みのHTMLサイトをもとに,WordPressのテーマ開発を進めながらWEBサイトを構築していく流れや,カスタマイズ,高度な機能,プラグイン作成など,その他,WordPress開発に必要なプログラミング言語のPHPの基礎などを実践しながら学習していける内容になっています。

WordPressのテーマ開発はとりあえずこの本で勉強すれば間違いありません

中島 真洋 (著) ロクナナワークショップ (監修) 

1冊ですべて身につくHTML&CSSとWebデザイン入門講座

この1冊でHTMLの基本が分かり,レスポンシブ,Flexboxやグリッドなどのレイアウト方法が学べます

実践的なコーディングやデザインなど,Web制作に必要な知識が身につきます。

僕自身,デザインカンプからのコーディングがなかなかうまくいかずに苦労していた時に,この本にはだいぶ助けられました。
ヒロシ

実際に手を動かしてサイトを作りながら学べますので,HTML,CSSをこれから始める人や,実際に仕事でコーディングやデザインをする人にもおすすめの1冊です。

Web制作を学ぶ際の参考書として,超人気な作品です。

Mana(著者)

【Amazon.co.jp 限定】 1冊ですべて身につくHTML & CSSとWebデザイン入門講座 (DL特典: CSS Flexbox チートシート)

CSSグリッドで作る HTML5&CSS3 レッスンブック

WEB制作系の著書で定評のあるエビスコム氏の著書です。

実際に私自身「ドットインストール」と「プロゲート」でHTML,CSSの学習をしてから,今回紹介する「CSSグリッドで作る HTML5&CSS3 レッスンブック」でレスポンシブデザインの知識を更に深掘って学習することで,レスポンシブデザインの知識が更につき,今までと比べて格段に綺麗なデザインのサイトを作る事ができるようになりました。

また,レスポンシブデザインだけではなく,HTMLとCSSの基礎的な内容も学習できるので,1からホームページ制作をする際に参考にしてもらえたらと思います。

本書はCSSグリッドをベースにしたWebページ制作を行いたい人のための解説書です。

CSSグリッドをベースにすると、Webページ制作がシンプルになる反面、従来主流であったフロートをベースにしたWebページ制作とは、異なる考え方や知識が必要となります。
本書では、サンプルを作りながらステップ・バイ・ステップで学習することにより、CSSグリッドをベースにした、モバイルファーストで本格的なレスポンシブに対応した実践的なWeb制作に関する知識をひと通り得ることができるようになっています。

●これからHTML5&CSS3を使ったWebサイトの構築を学びたい人
●最新のCSSグリッドに関する知識を得たいと考えている人

こんな人には最適の1冊です!

エビスコムより

フレキシブルボックスで作る HTML5&CSS3レッスンブック

こちらも「CSSグリッドで作る HTML5&CSS3 レッスンブック」と同じエビスコム氏の著書です。

「CSSFlexbox」を使ってWEBサイト制作をするためのレッスンブックになります。

本書は、CSSのフレキシブルボックス(Flexbox)を利用してWebページ制作を行うレッスンブックです。

フレキシブルボックスはこうしたノウハウをブラウザの互換性や制作手順、考え方も含めて引き継いでいます。
また、フロートで不便だった部分には手が加えられ、いよいよ完成形にたどり着いたと言えるでしょう。

はじめてWebページを作る方にも、今どきのページ制作の基礎を学びなおしたいといった方にも、本書を活用していただければ幸いです。

エビスコムより

HTML5&CSS3ステップアップブック

同じくエビスコム氏の著書です。

「CSSグリッド」と「CSSFlexbox」を使って実際に作りながら学べる一冊です。

まとめ

悩んでいた人
WEB制作を学習するのにおすすめな本が分かりました。これから頑張って勉強していきます。
WEB制作で仕事をしていく際は,WordPress開発によるWEBサイトの構築,スマートフォンの普及に合わせてレスポンシブデザインの知識が必須になってきますので,こういった書籍を是非有効に活用してもらって綺麗なデザインのホームページを作っていきましょう。
答える人

今回は以上になります。

それではまた!

  • この記事を書いた人
  • 最新記事

ヒロシ

ヒロシです。
現在は会社員としてエンジニアの業務を行っています。
担当業務は主に、WordPressサイト開発、改修です。
ブログやプログラミング学習で役に立つ情報を発信しています。

-プログラミング学習

Copyright © ヒロシブログ 2020