WEB制作

HTML,CSS,WordPressのおすすめ参考書

2021年7月17日

me
悩んでいる人

web制作を学習したいんだけど、おすすめの参考書がわからない!

今回はweb制作を学習し始めた人に向けておすすめの参考書をご紹介していきます。

学習後の初案件獲得に向けては、未経験の大学生がweb制作で案件を取れた方法でご紹介しているので、ぜひご覧ください。

チェック!
webdesignbooksthum
【2021】webデザインが学べるおすすめ参考書

続きを見る

web制作を参考書で学ぶ際の注意点

参考書で学習する際の注意点

・古すぎる参考書は避ける

・手を動かす

・同レベルの参考書を買いすぎない

古すぎる参考書は避ける

参考書でweb制作を学ぶ際、古すぎる参考書は避けましょう。

web制作は技術、情報の移り変わりが非常に早いです。

それなのに10年前の参考書で学習してもせっかくの勉強が無駄になってしまいます。

参考書を読むだけでなく、手を動かす

参考書でweb制作を学ぶ時、一番気をつけたいのは読んだだけで分かった気になる事です。

頭で理解したつもりでも、いざ自分で記述しろと言われたらかなり難しいです。

しっかり自分の手を動かしながら参考書を進めていくのがおすすめです

多くの参考書はサンプルコードの配布もされているので、積極的に利用しましょう。

同レベルの参考書を買いすぎない

いろいろな情報を見て、同レベルの参考書をコロコロ変えるのは絶対にやめましょう。

web制作に限ることではありませんが、「参考書マスターになるな」が鉄則です。

多くの参考書を雑にやるよりも、少ない参考書をしっかりとこなした方が圧倒的に実力がつきます。

ネットにはいろんな情報があり、不安になるかもしれませんが自分の決めた参考書をまずはやり切りましょう。

web制作(HTML,CSS,WordPress)のおすすめ参考書!

HTML・CSSのおすすめ参考書

初級

プログラミングって何?くらいのレベル感でも、挫折する事なく進められる参考書をまとめました。

Progateなどで基礎学習をした後に模写コーディングでつまずいた人にもおすすめです。


HTML・CSS全くの初心者でも挫折する事なく進める事ができる参考書です。

実際にサイトを組み立てながら学習を進めていく形式で、達成感を得ながら学習することが出来ます。

Googleマップの埋め込みやフォントの使い方なども解説されているのが特徴的です!

内容としてはかなり初心者向けなので、既にHTML・CSSを学習している人には物足りなく感じてしまうかもしれません。

図解が多くHTML・CSS初心者にはおすすめの参考書です。

こちらも実際に簡単なサイトを作りながら進めていく為、楽しみながら学習する事ができます。

初心者がハマりやすい環境構築の設定なども、Mac、Windows両方解説されているので安心です。

レスポンシブ化の解説もされていて、体型的に学ぶことが出来ます。

こちらも内容としては初心者向けなので、既に知識がある人にとっては物足りなく感じるかもしれません。

中級

次は、Progateやドットインストールで少しプログラミングを扱った事がある人にちょうど良いレベルの参考書をご紹介します。

HTML・CSSだけでなく、ユーザーが使いやすいwebデザインの考え方も学ぶ事ができる参考書です。

リセットCSSやflexboxなど、現場で必須になってくる知識も網羅されている点が魅力的です。

口コミでも大変高い評価で、web制作を学ぶなら持っておきたい一冊です。

ちなみに僕は「HTML・CSS関係でどれか一冊買っておくのはどれ?」と聞かれたらこの参考書をおすすめします。

こちらの参考書は、「スタンダードレイアウト」「グリッドレイアウト」「シングルページレイアウト」のよくあるサイト構成を使った3種類のサンプルサイトを作成しながら学ぶことが出来ます。

それぞれのセクションの終わりにセルフコーディングをするセクションがあるので、学んだ知識をアウトプットできるのも魅力的です。

様々な種類の実装を体系的に経験できる為、これまで断片的に学んできた知識を確実のものにしたい人におすすめの一冊です。

中級〜

HTML・CSSを一通り学んだ後に使用したい参考書です。

実務でCSSを使う際はただ実装できるだけではなく、

  • 分かりやすい
  • 再利用しやすい
  • 保守しやすい
  • 拡張しやすい

コーディングをする必要があります。

そんなCSS設計の種類がそれぞれ分かりやすく解説されています。

さらにレベルの高いコーディングを学びたい人にはおすすめです。

WordPressおすすめ参考書

そもそもWordPressってなんなんだ?という方向けの参考書です。

サーバーやドメインについての解説や、WordPressの導入方法、初期設定などが詳しく紹介されています。

WordPressをコーディングで作っていくぜ!って感じではなく既存テーマを使って簡単なホームページを作る為の参考書です。

この参考書は僕も初案件までお世話になりました。

HTMLからWordPress化する(自作テーマ作成)の手順を仮想カフェサイトを作りながら学べます。

この参考書をこなせばWordPress案件をこなすことができるレベル感です。

WordPressの参考書を一つおすすめするなら、断然この参考書です。

まとめ Web制作を参考書だけで学ぶには覚悟が必要

いかがでしたか?
気になる参考書はありましたでしょうか?

Web制作に関する参考書は豊富にありますが、参考書だけでの学習は時間がかかることは覚悟しておきましょう。

もし最速で結果をだしたいという人はメンターをつけたり、スクールに通う事をおすすめします。

無料体験、相談有りのスクール

・TechAcademy 無料体験

・【CodeCamp(コードキャンプ)】WordPressコース 無料体験impression?a id=2718233&p id=936&pc id=1196&pl id=22854

・受講者満足度も90%以上!【WebCamp】

・ Webデザインスクール「デジタルハリウッド STUDIO by LIG」無料相談会impression?a id=2718238&p id=2322&pc id=4990&pl id=3057600

no image

大学生

2021/10/18

【暇な大学生におすすめ】暇な時間を有効活用できる方法

悪質な情報商材に騙されないポイントと怪しいと思った時の対処法【実体験】

WEB制作 ブログ運営 プログラミング

2021/10/16

悪質な情報商材に騙されないポイントと怪しいと思った時の対処法【実体験】

211007アートボード 1 のコピー 42

ブログ運営

2021/10/7

【特化ブログ運営4ヶ月目】アクセス微増、収益4桁達成!!

【テックアカデミー】PHP/Laravelコースで身に付くスキル、評価は?

プログラミング

2021/9/30

【テックアカデミー】PHP/Laravelコースで身に付くスキル、評価は?

【特化ブログ運営3ヶ月目】ちょっとサボっちゃったけど収益とアクセスは?

ブログ運営

2021/9/5

【特化ブログ運営3ヶ月目】ちょっとサボっちゃったけど収益とアクセスは?

【web制作挫折防止】クラウドソーシング案件で消耗しない為のポイント

WEB制作

2021/9/30

【web制作挫折防止】クラウドソーシング案件で消耗しない為のポイント

簡単なサムネ、バナーの作り方!

WEB制作 ブログ運営

2021/8/19

【簡単】短時間でサムネ、バナーを作る手順!

no image

WEB制作

2021/8/18

webデザイナーはコーディングできないといけない??

no image

WEB制作

2021/8/19

【web制作は大変?】実際に経験した感想を語る

no image

WEB制作

2021/10/8

webデザイナーは絵が下手でもなれる?!

no image

WEB制作

2021/8/15

web制作案件に必要なスキルセット【初心者必見】

【文系もOK】レバテックルーキーの評判、口コミと使ってみた感想

プログラミング

2021/10/16

【文系もOK】レバテックルーキーの評判と使ってみた感想

【Udemy】web制作が学べるおすすめ講座  

WEB制作

2021/10/14

【Udemy】web制作が学べるおすすめ講座  

5149301 s

ブログ運営

2021/8/20

【特化ブログ運営2ヶ月目】アクセス数と収益は先月から変わった??

fv e1622358020615

ブログ運営

2021/8/13

ブログのコンタクトフォームの必要性と実装方法

【Local By Flywheel】WordPressのローカル環境構築手順

WEB制作 wordpress

2021/8/23

Local By FlywheelでWordPressローカル環境を構築する方法

undraw warning cyit

プログラミング

2021/8/23

プログラミングスクール卒業生が「使えない」と言われる理由と解決策

WordPressの子テーマのメリットデメリット

wordpress

2021/10/12

【WordPress】子テーマの作成方法とメリットを解説

undraw researching 22gp

プログラミング

2021/10/12

文系大学生が新卒でエンジニア就職する方法

【安い】大学生に本気でおすすめのwebデザインスクール4選!

WEB制作

2021/9/29

大学生におすすめのwebデザインスクール4選【安い】

-WEB制作

© 2021 よしブログ Powered by AFFINGER5