「ドットインストール」や「プロゲート」などのオンライン学習サイトでの「HTML」「CSS」の学習が一段落して,これからホームページ作成などのWEB制作をやっていこうと考えている人は参考にしてください。
現在のホームページ制作に特に必要になってくる知識は,
- 「WordPress開発」
- 「レスポンシブWEBデザイン」
です。
「WordPress開発」は,WordPressのテーマを新しく作成して,そのテーマの中で様々な機能を付け加えていきながら,1つのWEBサイトを構築していく方法です。
「レスポンシブWEBデザイン」は,HTMLで作ったページを,PCやモバイル,タブレットの画面幅に合わせて,CSSを切り替え,表示されるデザインを変えていく方法です。
この記事はこんな人におすすめ
- WEB制作を学習するのにおすすめな本が知りたい
- WordPressテーマをゼロから作れるようになりたい
- レスポンシブデザインを極めたい
- 見た目が綺麗なサイトを作りたい
- 「HTML「CSS」をしっかりと学習したい
- フリーランスとしてWEB制作で稼ぎたい
それでは,解説していきます。
目次
ホームページ制作をする際に参考になる書籍
今回は以下の書籍を紹介していきます。
- [改訂版]WordPress 仕事の現場でサッと使える!デザイン教科書
- 1冊ですべて身につくHTML&CSSとWebデザイン入門講座
- CSSグリッドで作る HTML5&CSS3 レッスンブック
- フレキシブルボックスで作る HTML5&CSS3レッスンブック
- 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のテーマ開発はとりあえずこの本で勉強すれば間違いありません。
中島 真洋 (著)
[改訂版]WordPress 仕事の現場でサッと使える! デザイン教科書[WordPress 5.x対応版] Webデザイナー養成講座 |
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制作を目指す人へ】
続きを見る
今回は以上になります。
それではまた!