30 時間アカデミック Web デザイン

HTML5 と CSS3 を基本から学べる。レイアウトや配色など Web デザインの基礎知識を解説。企画書の作成からコーディングまでの Web サイト制作の流れを説明。

『30 時間アカデミック Web デザイン』 (影山 明俊、石上 美季子 著、実教出版、2013 年 10 月刊) は、実教出版の「30 時間アカデミック」シリーズの 1 冊で、版元ドットコムの紹介は「使いやすい大学向けパソコン実習書」としています。国立国会図書館の書誌には Windows 対応と索引ありの注記があります。

HTML5 と CSS3、配色、制作の流れを扱う大学向けの実習書

書誌の紹介文には、HTML5 と CSS3 を基本から学べること、レイアウトや配色など Web デザインの基礎知識を解説すること、企画書の作成からコーディングまでの Web サイト制作の流れを説明することが挙げられています。見た目を整える技法だけでなく、どのようなサイトを作るのかを企画書にまとめる段階から、コードを書く段階までを扱います。

構造は HTML、見た目は CSS という役割の分け方

Web ページは、見出しや段落、リストといった文書の構造を HTML で記述し、色や余白、配置といった見た目を CSS で指定するという役割の分け方で作られます。構造と見た目を分けておくと、同じ文書に別のスタイルを当てて印象を変えたり、画面の大きさに合わせて配置を切り替えたりできます。HTML5 では header や nav、article のように文書の中での役割を表す要素が加わり、CSS3 は角丸や影、段組みなどの機能を分野ごとの仕様に分けて拡張してきました。

書誌に記録された書名とシリーズ名

国立国会図書館の書誌では、書名は「Web デザイン」で、「30 時間アカデミック」はシリーズ名として記録されています。英語の書名 Web Design を記録した書誌もあります。Web デザインの本の選び方は Web デザイン本ガイド にまとめています。

本書は、HTML5 と CSS3 の基本、レイアウトと配色の基礎知識、企画書の作成からコーディングまでの Web サイト制作の流れを、大学向けのパソコン実習書としてまとめています。