HTML ＆ CSS と Web デザインが 1 冊できちんと身につく本［増補改訂版］(エイチティーエムエルアンドシーエスエストウェブデザインガイッサツデキチントミニツクホン ゾウホカイテイバン)

＜コンセプト＞ PC ＆モバイルサイトデザインの基礎力と HTML ・ CSS コーディングの知識が 1 冊で同時に身につく!
ウェブ制作を仕事にするなら HTML と CSS を学ぶことから始めますが、本書は体系立てた文法学習よりも、まずは「コーディングとはどのような作業なのか」を理解できる初学者向け入門書です。架空のカフェのショップ紹介＆ネットショップサイトをチュートリアル形式で作成しながら、基本的な HTML 要素／ CSS の基本構造 (セレクタ、プロパティ、値) を学ぶことができ、レイアウトのテクニックやデザイン (Web デザイン＆レスポンシブデザイン) の基本も身につきます。
＜本書のポイント＞
・チュートリアル学習では、 PC 版だけでなくウェブ制作の現場でニーズの高いモバイルサイトのデザインがしっかり学べます
・定番となった flexbox 、 display を使ったレイアウト手法の基礎から実践まで丁寧に解説します
・「フルスクリーン」「フレックスボックス」「シングルカラム」「 2 カラム」「グリッド」の 5 種類のレイアウトパターンを学習できます
・横スクロールするレイアウト、アニメーションで拡大するボタンなど動きのあるサイトづくりも体験できます
・「動画コンテンツページ」「ネットショップページ」も制作します
＜綴じ込み特典つき＞
付録 1 デザインのバリエーションが学べる!「レスポンシブデザインのネタ帖」
付録 2 インターン、就転職に役立つ!「ポートフォリオ用アレンジのネタ帖」

Web 制作を独学で始めるとき、 HTML のタグリファレンスと CSS のプロパティ一覧を眺めるだけでは、実際に「ページを 1 枚完成させる」感覚は掴めません。本書は架空のカフェサイトを題材に、ワイヤーフレームの考え方からレスポンシブ対応まで、 1 つのサイトを通しで作り上げる過程を体験させてくれます。コードの意味を学びながら手を動かし、最終的に成果物が手元に残る構成です。

増補改訂版では CSS Grid や Flexbox の解説が強化され、実務で多用するレイアウト手法が一通り揃いました。著者の服部雄樹氏は Web 制作の初心者向け教材を数多く手がけており、説明の粒度が初学者のつまずきポイントに合わせて細かく設定されています。ただし JavaScript の動的な処理やバックエンドの連携は扱わないため、本書を終えたあとは JavaScript の入門書や WordPress のテーマ開発へ進む道筋が自然です。「まず 1 サイト作り切る」という体験を通じて、学習の初期離脱を防いでくれる一冊です。