初心者さん必見！HTML・CSSの勉強本おすすめ6冊

これだけで基本がしっかり身につく HTML/CSS＆Webデザイン1冊目の本 [ Capybara Design 竹内直人 ]

ポチップ

②これだけで基本がしっかり身につく HTML/CSS＆Webデザイン1冊目の本

この本では、HTMLとCSSの基本を学べます。４種類のサイトを制作しながら学習していくので、サイトができた！という達成感を得ながら学習を進めることができます。

コーディングに必要な最初の準備（エディタのダウンロードや、Webサイトの仕組みを学ぶ）から丁寧に解説してくれるので、初めての方にも分かりやすいです。

サイトをサーバーに公開する方法や、サンプルデザイン（XDデータ）などのダウンロード特典もあります。

テキストはかわいいカピバラ達のマンガページもあって、ストーリー形式で学習が進んでいくから、読みやすいよ◎

楽天ブックス

¥2,420 （2023/04/28 21:43時点 | 楽天市場調べ）

ポチップ

③武器になるHTML

この本で紹介されているのは、HTML言語のみです。さまざまなタグの種類についても、丁寧に解説されています。実際にWebページを作ってみよう、という実践編もあります。

コーディングの見本は色分けされていて、見やすいです。英語のタグの名前にもふりがなが振られているので「これなんて読むんだろう…？」と悩まずに読み進められます。

色々言語が出てくるとややこしくなるから、まずはHTMLをしっかり勉強したい！という方におすすめ＾＾

武器になるHTML [ 柴田宏仙 ]

楽天ブックス

¥2,992 （2023/04/28 21:44時点 | 楽天市場調べ）

ポチップ

④教科書では教えてくれないHTML＆CSS

HTMLとCSSの勉強は進んだから、実際にデザインデータを元にコーディングを書きたい、でもどこから手をつけていいのか分からない…という方におすすめです。

「デザインをパーツ（コンテナ、モジュール）ごとに分けて、それぞれのパーツごとにコーディングしていく」というやり方で、丁寧に解説されています。

少しずつサイトができていく過程は楽しくなります！

レッスンに必要なデータはダウンロードできるので、準備の手間もあまりなく学習を始めることができます。

あと、デザインがおしゃれなので、作っていて楽しいよ♡

教科書では教えてくれないHTML&CSS [ 狩野祐東 ]

楽天ブックス

¥2,992 （2023/04/28 21:44時点 | 楽天市場調べ）

ポチップ

⑤動くWebデザインアイディア帳

ハンバーガーメニュー、ローディング画面など、動きのあるサイト、というものが増えています。サイトに動きをつけられるようになりたい！という方におすすめです。

それぞれの機能に「動きの役割・動くきっかけ」が解説されているので、コードの内容も理解しやすくなっています。

この本は実装したい機能から、コードを逆引きすることもできます。JavaScript（jQuery）、アニメーションCSSのコード実例が多く載っており、ダウンロードして使用することもできます◎

実際の動きがわかるサンプルサイトも豊富に用意されているから、それを見ながら「自分のサイトにはどんな動きをつけよう？」と考えるのもいいですね！

動くWebデザインアイディア帳 [ 久保田涼子 ]

楽天ブックス

¥3,080 （2023/04/28 21:45時点 | 楽天市場調べ）

Web制作の現場で使うjQueryデザイン入門［改訂新版］ [ 西畑　一馬 ]

ポチップ

⑥Web制作の現場で使うjQueryデザイン入門

この本は、HTML・CSSだけでは実装できない、動きのあるサイトを作りたい時などに使う「jQuery」の入門書です。jQueryの基本から仕組み、Webサイト上での使い方まで、丁寧に解説されています。

本書にはデザインレシピや100本以上のサンプルコードもわかりやすく紹介され、実務でもそのまま使用したり、カスタマイズして利用することができます。

さらに、逆引き事典も用意されており、困ったときにはすぐに調べることができます。

100本以上のサンプルコードをそのまま自分のサイトにコピペして使うこともできるよ◎

楽天ブックス

¥3,278 （2023/04/28 21:45時点 | 楽天市場調べ）