初心者からちゃんとしたプロになる Web デザイン基礎入門

『初心者からちゃんとしたプロになる Web デザイン基礎入門』 (栗谷幸助 ほか 著、エムディエヌコーポレーション、2019 年 9 月刊) は、版元の案内によれば、Web サイトの実制作のフローに沿って、Web デザインの概論と制作に必要なツールや素材、配色を学んだあと、HTML と CSS の基礎と実践に進み、サイトの公開や運用に関する知識までを扱います。各記事には学習時間の目安が記されており、版元は授業や独習の教材として使いやすい作りを目指したと案内しています。共著者は、おのれいこ、藤本勝己、村上 圭、吉本孝一です。発売元はインプレスです。

全 9 レッスンの構成、Web サイトの成り立ちから SNS 連携まで

章構成は Lesson1「Web サイトの成り立ち」から Lesson9「SNS 連携と Web サイトの運用」までの 9 つです。Lesson2「Web サイトの枠組みを知る」と Lesson3「Web デザインに必要な素材」で制作の前提を整え、Lesson4「HTML をマスターする」と Lesson5「CSS をマスターする」で書き方の基礎を学びます。実践にあたるのが Lesson6「シングルページのサイトを作る」と Lesson7「レスポンシブ対応サイトを作る」で、版元の案内では、シングルページのシンプルなお店のサイトと、モバイルファーストの手法を取り入れたサイトの 2 つをサンプルとして制作します。そのあと Lesson8「Web サイトを公開してみよう」で公開へ進み、Lesson9 で運用を扱います。

HTML と CSS の役割分担と、モバイルファースト

Web ページの制作では、HTML が見出しや段落、リンクといった文書の構造と意味を表し、CSS が色や余白、配置といった見た目を受け持ちます。この 2 つを分けておくことで、同じ HTML に対して画面の幅ごとに別のレイアウトを当てられます。画面の幅に応じて CSS の指定を切り替え、スマートフォンからパソコンまで 1 つのページで表示を合わせる手法が レスポンシブデザイン で、モバイルファーストは狭い画面向けの指定を基本に書き、広い画面向けの指定を後から足していく組み立て方です。本書では Lesson7 がレスポンシブ対応のサイトの制作に充てられ、2 つ目のサンプルがこの手法を取り入れたサイトです。本書は、配色や素材の扱いを学ぶレッスンをコードのレッスンの前に置いています。

Web デザイナーを目指す読者への版元の案内と、改訂 2 版

版元はこんな方にオススメとして、初学者からプロの Web デザイナーやマークアップエンジニアを目指す方、Web デザイン制作や HTML と CSS の知識を身につけたい方、Web デザインや HTML と CSS の基本情報をアップデートしたい方の 3 つを挙げ、大学や専門学校で教えている現役の教員たちがかみ砕いて解説していると紹介しています。インプレスホールディングスの発表によれば、本書にはのちに改訂 2 版が出ています。本書は、Web サイトの成り立ちから HTML と CSS の基礎、2 つのサンプルサイトの制作、公開と運用までを全 9 レッスンに収めています。