【感想・ネタバレ】よくわかるHTML5+CSS3の教科書【第3版】のレビュー

あらすじ

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。

いちばんわかりやすいHTML+CSSの教科書が、最新トピックをカバー!

***
すらすら読めて、「わかった」を積み重ねる。
「Webの知識がこれから必要」で、「将来にわたって長く使える基礎力をつけたい」人のためのHTML5+CSS3本。
***

本書は、“楽しみながら学べる”HTMLとCSSの入門書です。2018/10現在で最新バージョンのHTML5.2(2017/12勧告)とCSS3をベースとした内容となっています。

本書では、読者が“楽しみながら学べる”ということを実現するために、本書の全体的な構成を工夫しています。先にHTMLを学習してからそれを前提としてCSSを学ぶ、という流れにしてしまうと、前半はHTMLのタグを覚えていくだけの退屈な内容になってしまうからです。

そこで本書では、HTMLをひととおり学習してからCSSへと進むという構成ではなく、HTMLとCSSを少しずつ同時進行させる構成にしてあります。このような進め方にすると、覚えた内容をすぐにブラウザでの表示結果として確認できるため、少しずつできるようになっていく感覚を積み重ねながら、退屈せずに学習を進めることができます。

“楽しみながら学べる”といっても、本書の解説は、表面的に「ページが作れればそれでいい」というものではありません。仕様にしっかりと準拠した使い方で、正しく、かつアクセシビリティに配慮したページを作れるように、サンプルを組み立てています。

まず1章、2章では、インターネットやHTML、CSSについての基本的な解説をしながら、少しだけHTML/CSSを使ってみて、これからの学習にむけての準備をします。
3章では、HTMLやCSSを正しく使うために必要な「カタい文法」の話を学習して、基礎を固めます。
4章からは、いよいよページを作っていきます。4章でページ全体の枠組みを作り、5章でテキストや色の指定について学びます。
6章ではセレクタについて詳しく学習し、CSSでの細かな指定ができるようにします。
7章では画像や動画、音声、背景といったページ内の構造について、8章ではナビゲーション、9章ではフォームやテーブルについての設定方法を学びます。
10章では、ここまで登場していない要素についての設定方法や、配置のテクニックを学びます。第3版では、スマートフォン(スマホ)画面への対応について、詳しい解説を追加しました。
11章を、フレキシブルボックスレイアウトとグリッドレイアウトについて解説する章に変更しました(第3版での変更)。これら2つレイアウト方法の基礎になる部分を身に付けられるようにやさしく解説します。
最後の12章では、それまで学習したことをベースに、1つのページを制作していきます。スマホ、タブレット、PCそれぞれのレイアウトの作り分けを行います(第3版での変更)。ページの制作を、流れで実際に行ってみることで、本書の学習の仕上げを行うことができます。

本書を、これからHTMLとCSSを覚える人が“楽しみながら学ぶ”ための入門書としてご活用いただけましたら幸いです。

■第2版からの変更点
・ 第2版は、2014年3月段階の情報に基づき執筆されました。第3版では、2018年9月段階での情報に基づいて執筆しています。
・ 仕様の変化に応じて、解説やコードを追加・変更・削除しています。ただし、本書の解説の範囲から外れている仕様の内容については説明がないものもあります。
・ HTMLは2017年12月に勧告されたHTML5.2に変更しています。
・ CSSはCSS2.1およびCSS3より、現時点で安定して使用できると判断した内容を使っています。
・ 10章にて、スマートフォンへの対応を解説する節を追加しました。
・ 11章を、フレキシブルボックスレイアウトとグリッドレイアウトについて解説する章に変更しました。
・ 12章にて、ページをスマートフォン、タブレット、PCそれぞれに対応させる内容に変更しました。

...続きを読む
\ レビュー投稿でポイントプレゼント / ※購入済みの作品が対象となります
レビューを書く

感情タグBEST3

Posted by ブクログ

よくわかるHTML5+CSS3の教科書
第3版
著:大藤 幹

HTML5の入門書で、HTMLの中から、HTMLの属性の解説、CSSを呼び出す方法や、CSSの基礎知識などの解説です

CSSとは、HTMLの各属性を個別に指定するのが大変であるため、属性をまとめたものを、CSSとして用意し、HTMLの中から呼び出すことで、プログラミングを単純化しようとしたものです
Javascriptや、JSSと同様にHTML文に埋め込んで使用しています。
フレキシブルボックスや、グリッドなどが、比較的新しいCSS5の仕様であることが後段に書いてあります。
スマホやタブレットの用例も後段にのっています。

Contents

Chapter 1 はじめる準備
Chapter 1-1 インターネットとサーバーについて
Chapter 1-2 本書で使用するソフトウェアについて

Chapter 2 オリエンテーション
Chapter 2-1 HTMLの役割、CSSの役割
Chapter 2-2 HTMLのタグをつけてみよう
Chapter 2-3 CSSを使ってみよう!

Chapter 3 文法的なカタい話
Chapter 3-1 HTMLのタグを正しくつける意味
Chapter 3-2 HTMLの基礎知識
Chapter 3-3 HTMLのバージョンについて
Chapter 3-4 CSSの基礎知識
Chapter 3-5 CSSのバージョンについて

Chapter 4 ページ全体の枠組み
Chapter 4-1 HTMLの全体構造
Chapter 4-2 CSSの組み込み方
Chapter 4-3 グローバル属性
Chapter 4-4 背景を指定する(1)

Chapter 5 テキスト
Chapter 5-1 テキスト関連の要素
Chapter 5-2 色の指定方法
Chapter 5-3 テキスト関連のプロパティ

Chapter 6 CSSの適用先の指定方法
Chapter 6-1 よく使う主要なセレクタ
Chapter 6-2 その他のセレクタ
Chapter 6-3 セレクタの組み合わせ方
Chapter 6-4 指定が競合した場合の優先順位

Chapter 7 ページ内の構造
Chapter 7-1 基本構造を示す要素
Chapter 7-2 画像・動画・音声関連要素
Chapter 7-3 ボックス関連プロパティ
Chapter 7-4 背景を指定する(2)
Chapter 7-5 配置方法を指定するプロパティ

Chapter 8 ナビゲーション
Chapter 8-1 ナビゲーションに関連する要素172
Chapter 8-2 リスト関連のプロパティ ・
Chapter 8-3 表示形式を変えるプロパティ
Chapter 8-4 ナビゲーションの作り方

Chapter 9 フォームとテーブル
Chapter 9-1 フォーム関連の要素
Chapter 9-2 フォーム関連のプロパティ
Chapter 9-3 テーブル関連の要素
Chapter 9-4 テーブル関連のプロパティ

Chapter 10 その他の機能とテクニック
Chapter 10-1 その他の要素
Chapter 10-2 その他のプロパティ
Chapter 10-3 clearfix について
Chapter 10-4 メディアクエリー
Chapter 10-5 スマートフォンの画面に対応させる

Chapter 11 フレキシブルボックスとグリッド
Chapter 11-1 フレキシブルボックスレイアウトの基本
Chapter 11-2 フレキシブルボックスレイアウトは複数行にできる
Chapter 11-3 グリッドレイアウトの基本

Chapter 12 ページをまるごと作ってみよう
Chapter 12-1 サンプルページの概要を把握する
Chapter 12-2 HTMLの構造の確認
Chapter 12-3 スマートフォン向けの表示指定
Chapter 12-4 タブレット向けの表示指定
Chapter 12-5 パソコン向けの表示指定

Appendix 巻末資料
Appendix1 HTML5の要素の分類
Appendix2 HTML5の要素の配置のルール

Index

ISBN:9784839965471
出版社:マイナビ出版
判型:B5変
ページ数:336ページ
定価:2800円(本体)
2012年07月31日初版第1刷発行
2018年11月27日第3版第1刷発行
2020年01月10日第3版第4刷発行

0
2025年02月12日

Posted by ブクログ

借りたもの。
初心者でもこれに沿って作れば基本的なソースを書ける。
HTML5 & CSS3の綺麗なマークアップ、ルールを再確認。
フレックスレイアウトの基本構成を丁寧に教えてくれる。

0
2019年05月27日

「IT・コンピュータ」ランキング