スラスラわかる HTML&CSS のきほん 第 3 版(スラスラワカルエイチティーエムエルアンドシーエスエスノキホン　ダイサンパン)

累計 10 万部のベストセラーが、現代のトレンドに対応して大改訂!

1 つのストーリーに沿って Web サイト作りと HTML&CSS の基本がスラスラ学べる、入門書の決定版!
第 3 版では現代のトレンドにあわせて制作するサイトを一新。 PC ・モバイル端末に対応したサイト作りの全手順を、図入りでとことん丁寧に解説しています。

これから Web 制作を始める人にも、 HTML ・ CSS を学び直したい人にもおすすめの、充実の内容です!

最新の HTML Living Standard に準拠。 Windows/Mac 対応。

『スラスラわかる HTML&CSS のきほん 第 3 版』は、狩野祐東氏による Web 制作の入門書で、 SB クリエイティブから 2022 年 7 月に刊行されました。 319 ページ、副題は「知識ゼロから始めて無理なく楽しく学べる」です。ひとつのストーリーに沿って Web サイトを作り上げながら HTML と CSS の基本を順番に身につけていく形式で、 Windows と Mac の両方に対応しています。第 3 版では制作するサイト自体を一新し、 PC とモバイル端末の両方に対応したサイト作りの全手順を図入りで解説する構成へ改められました。

版歴と第 3 版での改訂ポイント

シリーズの初版は 2013 年 5 月にソフトバンククリエイティブから出ており、 2018 年 4 月の第 2 版を経て、この第 3 版が 2022 年 7 月刊です。第 3 版刊行時の版元紹介文には累計 10 万部とあり、およそ 10 年にわたり読み継がれてきた入門シリーズといえます。改訂の背景には Web 標準の変化があります。かつて HTML5 と呼ばれていた仕様は WHATWG が管理する HTML Living Standard に一本化され、 CSS のレイアウト手段も フレックスボックス やグリッドが主役になりました。第 3 版は HTML Living Standard に準拠し、この世代の書き方を前提に内容を組み直した版です。

全 12 章の構成、サイト公開まで到達

全 12 章の並びは学習の順序そのものです。序盤で Web サイトの構成要素やブラウザの役割、制作に使うアプリの導入といった前提を固め、 HTML の基本書式と階層関係、見出し・段落・リスト・テーブルといったテキストの表示、リンクと画像の挿入へ進みます。中盤から CSS に入り、ボックスモデルや背景色などの基礎、スタイルの上書き、フレックスボックス、さらに グリッドレイアウト を使った複数ページの制作へ展開します。終盤はフォームのあるページの作成、モバイル端末への対応、そして Web サイトの公開までを扱うため、手元で作って終わりではなく、インターネット上に自分のサイトを出すところまで一冊で到達できます。

作りながら学ぶ形式の効き目

HTML と CSS の独学で挫折が起きやすいのは、タグやプロパティを個別に覚えても、それらを組み合わせてページ全体のレイアウトを組む段階で手が止まるからです。ひとつのサイトを完成させる過程で学ぶ本書の形式は、個々の知識が「サイトのどの部分を作るための道具か」という文脈付きで入ってくるため、この断絶が起きにくい利点があります。また、レイアウトをフレックスボックスとグリッドで組み、モバイル対応 を独立した章で扱う構成は、 2022 年時点の実務的な標準に沿った学び方です。

対象読者と学び直しへの向き不向き

版元が想定する読者は、これから Web 制作 を始める人と、 HTML ・ CSS を学び直したい人で、プログラミング経験は求められません。同じ著者には『いちばんよくわかる HTML5 ＆ CSS3 デザインきちんと入門』 (SB クリエイティブ) もありますが、本書の持ち味はストーリーに沿ってひとつのサイトを完成させていく過程の一体感にあり、手を動かした実感を先に得たい人は本書から入るのが向いています。

一方、 JavaScript によるプログラミングや CMS の運用は本書の目次には含まれず、すでに実務で HTML と CSS を書いている人には既知の内容が多いはずです。それでも、知識ゼロから自分の Web サイトを公開まで持っていく最初の一冊としては、図の多さと手順の細かさ、モバイル対応と公開までを含む完結性がそろっており、独学の伴走者として堅実な選択です。作りながら学ぶ過程を楽しめる人ほど、投じた時間がそのまま形になって残ります。