概要

ストーリー仕立てでHTML&CSSの基礎からレスポンシブサイトを完成させる

想定読者

Web制作をゼロから始める人、またはHTML&CSSを一度挫折して学び直したい人

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

• すでにHTML&CSSの基礎を習得しReactやVue等のフレームワーク学習に進んでいる人には内容が初歩的すぎる
• CSSアニメーションやCSS Grid Subgridなど発展的なレイアウト技術を求める人には扱いが浅い
• 1冊を辞書的にリファレンスとして使いたい人には向かない（1つのサイト制作ストーリーを完走する構成のため）

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

• HTMLのタグとセマンティクスを使ってWebページの骨格を正しくマークアップできる
• CSSのセレクタ・ボックスモデル・フレックスボックスでレイアウトとデザインを実装できる
• PC・モバイルの両方に対応したレスポンシブデザインの基本手順を習得できる
• 最新のHTML Living Standardに準拠したコーディング作法を身につけられる
• 1つのWebサイトを最初から最後まで制作する全工程を把握できる

ハイライト

• 1つのストーリーに沿ってWebサイト作りとHTML&CSSの基本がスラスラ学べる、入門書の決定版！ 第3版では現代のトレンドにあわせて制作するサイトを一新。(本書の学習設計（ストーリー完走型）と改訂内容の両方が端的に示されている箇所)
• PC・モバイル端末に対応したサイト作りの全手順を、図入りでとことん丁寧に解説しています。これからWeb制作を始める人にも、HTML・CSSを学び直したい人にもおすすめの充実の内容です！(対象読者の幅と解説方針（図入り・丁寧）が購買判断に直結する箇所)

外部からの言及

• フロントエンドエンジニアへのキャリアチェンジを目指す入門者向けの書籍リストで繰り返し取り上げられており、HTML&CSS学習の最初の一冊として位置づけられている(qiita)
• チュートリアル形式で架空のサイトを完成させながら学ぶ構成が初学者に分かりやすいと評価されており、独学でHTML&CSSを習得する際の主教材として使われた体験談が複数ある(qiita)

編集メモ

Qiita 言及記事 4件 / 言及記事の累計 likes 2063（うち書籍リスト記事 1件が 1941 likes を占める）/ 単独言及記事の likes 合計 122 — 記事数が閾値（5件）未達のため supplementary

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

• テキストエディタ（VSCode等）のインストールと基本的なファイル操作
• ブラウザで任意のWebページを開き、URLを入力する程度のPC操作スキル

学習のコツ

• エディタ（VSCode等）を開きながら本書のサイト制作を実際に手で写すことで、CSSの効き方を目で確認しながら定着させられる
• 第3版ではPC・モバイル対応の手順が刷新されているため、旧版経験者はレスポンシブ関連の章に絞って差分を確認するのが効率的
• チュートリアルを完走した後は、本書のデザインを自分好みに改変する練習（色・フォント・レイアウト変更）を加えると応用力が身につく