概要

HTML・CSSとWebデザインをゼロから体系的に習得する

想定読者

HTMLとCSSの知識がなくWebサイト制作を一から学びたい人。転職・副業・趣味を問わず、コーディングとデザインの両方を一冊で習得したい初学者。

こんな人には向いていない

• すでにHTML/CSSを実務で使っているフロントエンドエンジニア — 基本事項の比重が大きく、既知の内容が多い
• JavaScriptや動的インタラクションの実装を主目的に学びたい人 — 本書はHTML/CSSとデザインに範囲を絞っており、JS実装には踏み込まない

読了後にできるようになること

• HTML Living Standard に準拠したセマンティックなマークアップを書ける
• Flexbox を使ったレスポンシブレイアウトを実装できる
• CSSアニメーションを記述してUIに動きをつけられる
• モバイルファーストの考え方でスタイルシートを設計できる
• WebPなど最新画像フォーマットの役割と使いどころを把握できる
• Webデザインのカラー・レイアウト構成を意識してコーディングに反映できる

ハイライト

• モバイルファースト、アニメーション、トレンドデザイン、HTML Living Standard、WebPなど最新の情報や5年間の間に更新された情報を多数追加！(第2版における更新範囲を端的に示す箇所。初版既読者が改訂版を評価する際の判断材料になる)
• これからWebサイトを作り始める初心者 ・HTMLとCSSを基本から学びたい人 ・美しいデザインのWebサイトを作りたい人 ・Webの最新技術を学びたい人(著者が明示する対象読者の記述。自分がターゲットかを30秒で判断できる)
• 全国の書店員がオススメする本 第1位 受賞（2019年度 CPU大賞）Webサイト制作の決定版が最新情報をたくさん盛り込んで大リニューアル！(書店流通での評価と第2版への改訂動機を示す。出版社・書店双方での信頼性の証左)

外部からの言及

• 複数の記事で、写経しながら1つのWebサイトを仕上げる段階的構成が評価されており、動画教材に近い学習体験と表現されることが多い。Bootstrap/JavaScriptに踏み込まずHTML/CSS基礎に絞った構成が冗長さのなさとして肯定的に評価されている(qiita)
• 複数の記事でHTML/CSS基礎の単独カバー教材として位置づけられており、バックエンドエンジニアや転職者がHTML/CSS基礎を押さえる最初の一冊として選ばれている。HTML構造を意識することでバックエンド開発の効率が上がる、という使い方も報告されている(qiita)
• 転職ポートフォリオ作成時の参照資料としての活用が複数記事で報告されており、カラーパターンやデザイン構成の参考書として純粋な入門用途以外でも使われている(qiita)

編集メモ

Qiita言及確認5件 / 言及記事累計いいね935 / 初版が5年連続HTML関連書籍売上1位・シリーズ累計40万部（description記載）。article_count 10件未満のため essential には至らないが、複数の転職・個人開発文脈で継続して参照されている

読む前に押さえておきたいこと

• パソコンの基本操作（ファイル作成・保存・フォルダ管理）ができること
• テキストエディタ（VS Code等）のインストールと起動ができること

学習のコツ

• 各章のサンプルコードは必ず手を動かして写経する — 段階的にサイトを完成させる構成のため、読み流すだけでは定着しにくい
• デザイン関連の章（カラーパターン・レイアウト）は転職ポートフォリオ作成時の参照資料としても実用的に使える
• 第2版で追加されたモバイルファースト・WebP・HTML Living Standard の節は、他書でHTML/CSS基礎を学んだ人が最新仕様を補完する際にも参照できる