世界一わかりやすい HTML & CSS コーディングとサイト制作の教科書［改訂 2 版］

★言語の基本学習からサイト作成と管理までを 1 冊にまとめた入門書!★
web サイト制作者を目指す人が必ず習得しなければならない言語「HTML と CSS」の記述と、サイト制作の基礎知識から公開・管理方法までを 15 レッスンで解説。HTML パートはコーディングの基本から画像とリンク、リストとナビゲーション、テーブルおよびフォームのマークアップ方法を、CSS パートでは文字のスタイリングからレイアウト手法までを丁寧に解説。ダウンロードした実習ファイルに記述することで、細かくステップ分けした各単元の内容を手を動かしながら学びます。
専門学校の教壇に立つ著者陣が実際の講義内容を体系立て、さらに学校実施のテストと同等の練習問題を各レッスンの章末に用意した、HTML と CSS の教科書です。最新エディタ「Visual Studio Code」に対応の改訂版。

『世界一わかりやすい HTML & CSS コーディングとサイト制作の教科書［改訂 2 版］』 (赤間公太郎、狩野咲、鈴木清敬 著、技術評論社、2022 年 1 月刊) は、Web サイトの制作者を目指す人に向けて、HTML と CSS の記述と、サイト制作の基礎知識から公開と管理の方法までを 15 のレッスンで解説する入門書です。版元の紹介文によれば、専門学校の教壇に立つ著者陣が実際の講義内容を体系立てたもので、学校で実施するテストと同等の練習問題を各レッスンの章末に用意し、エディターは Visual Studio Code に対応しています。「世界一わかりやすい教科書」シリーズの 1 冊で、版元の書籍ページの発売日は 2022 年 1 月 22 日です。

全 15 レッスンの構成、Web の仕組みからサイトの公開まで

Lesson01「www や web サイト制作の基本を理解しよう」は、Web サイトが表示される仕組み、Web サイトに使用される言語と画像、コーディングに必要なアプリケーション、エディターの使い方を扱います。Lesson02「HTML コーディングの基本を学ぼう」から Lesson06「フォームをマークアップしよう」までは、タグと要素と属性、head 要素と body 要素から始めて、画像表示とリンク、リストとナビゲーション、表組み、フォームを順にマークアップします。Lesson07「CSS コーディングの基本を学ぼう」から Lesson13「フォームをスタイリングしよう」までは、セレクターと疑似クラス、疑似要素の基本を経て、見出しや段落、ページ全体のレイアウト、リストとナビゲーション、表、フォームの装飾へ進みます。Lesson14「web サイト制作を実践してみよう」でトップページ、コース紹介ページ、アクセスページを作り、Lesson15「web サイトを公開しよう」でサーバーとドメインの準備、FTP ソフトでのアップロード、データのチェック、サイトの管理を扱います。目次では、練習問題は Lesson01 から Lesson13 の末尾に置かれています。

構造を書く HTML、見た目を決める CSS とボックスモデル

HTML は、見出しや段落、リスト、表、フォームといった文書の構造をタグと要素と属性で記述する言語で、CSS は、その要素に文字の大きさや色、余白、配置を当てる言語です。構造と見た目を別の言語に分けておくと、同じ HTML に別のスタイルを当てて見た目だけを差し替えたり、複数のページで 1 つのスタイルシートを共有したりできます。CSS のレイアウトの土台になるのは、すべての要素を内容、パディング、ボーダー、マージンからなる箱として扱うボックスモデルの考え方で、幅と余白の計算がずれると要素が想定より広がり、段組みが崩れます。本書の Lesson09 には「ボックスモデルを理解する」と「ボックスサイズ (幅・高さ・余白) を計算する」の節があり、Lesson10 で段組み、要素の自由な配置、回り込み、横と縦の位置の指定によるレイアウトへ進みます。画面の幅に応じてレイアウトを切り替える レスポンシブデザイン は、スマートフォンで閲覧されるサイトを作るうえで前提になる手法で、本書では Lesson14 の最後の節で、作ったサイトに当てはめます。

実習ファイルと正誤表、初版からの書名の変更

版元の紹介文によれば、ダウンロードした実習ファイルに記述しながら、細かくステップ分けした各単元を手を動かして進める形式です。版元のサポートページでは、サンプルファイルのダウンロードと改訂 2 版の正誤表が公開されており、サンプルファイルは 2022 年 11 月 14 日にコードの改訂版へ差し替えられています (2026 年 10 月時点)。国立国会図書館の書誌は、初版のタイトルを「世界一わかりやすい HTML5&CSS3 コーディングとサイト制作の教科書」と注記しています。

専門学校の講師陣による授業形式、Web 制作の初学者向け

版元の書籍ページの著者紹介 (2026 年 10 月時点) によれば、3 人の著者はいずれも Web 制作会社の株式会社マジカルリミックスに所属し、専門学校デジタルアーツ仙台の非常勤講師を務めています。版元が勧める相手は、Web サイト制作の初学者、Web デザイナー志望者、学生、Web デザインやサイト制作を勉強したい人と、各種学校の教師、講師、受講者、セミナーを主催する Web 制作会社です。HTML と CSS の入門書の選び方は Web デザイン本ガイド の記事が整理しています。目次に JavaScript を扱うレッスンはなく、本書は、Web の仕組みとエディターの準備から、HTML のマークアップ、CSS のスタイリングとレイアウト、サイトの制作と公開、管理までを全 15 レッスンに収めています。