ちゃんと知っておきたい人のHTML/CSS完全入門: HTML習得の最短講座！1日３０分で楽しく学ぼう！

本書は、ウェブエンジニア向けに書いたHTML/CSSの入門書です。パソコンがあれば読むことができます。
本書に事前知識は全く必要ありません。コードの書き方から、作ったウェブサイトの見方まで、パソコン自体初心者という方にも実践できるように解説しています。

HTML/CSSの入門書は数多く出版されていますが、ウェブ制作をしたい方むけの内容になっているものが多く、ウェブエンジニア を目指す方には、帯に短し襷に長しという感じでした。
特に、フォームに関してのcssやaction属性がどのような役割を持つのかなど、ウェブ開発では必須であるのに、フォームの作り方自体が載っていないことがほとんどです。

そこで、実際にプログラミングスクールで指導している中で、生徒さんがつまづいたポイントや、ウェブ開発までに知っておいて欲しいポイントをまとめたのが本書です。

本書では、最終章で皮膚科のウェブ予約システムの画面を作成していただくのですが、このサイトは実際に現在も運用されているサイトのデザインを少々変えたものですので、非常に実践的な演習となっています。
もちろん、つまづくところがないように、基本的なタグの解説から、部品の作り方、コンポーネント、サイト全体というように、徐々に大きく作っていく方式で、初心者でもとっつきやすい構成となっています。

【目次】

1. はじめに
本書での学び方や、作成するサイトの紹介です

2. なぜHTMLを学ぶのか
ウェブ開発になぜHTMLが必要なのかをお話ししています。

3. 準備と動かし方
必要なソフトウェアのインストールや各種設定
ウェブサイトの見方を解説しています

4. タグの意味を理解しよう
よく使うタグを使用例とともに解説しています

5. タグを組み合わせる
HTMLだけで簡単なサイトを作ります
また、cssを書かないと、いかに見にくいかを見ていただきます。

6. cssを使った装飾
セレクタやプロパティなど基本的な構文について解説しています

7. ボックスモデル
HTMLのボックスモデルやmargin, paddingの違いなど
初心者がつまづくポイントを解説しています

8. パーツを作ろう
HTML/CSSを組み合わせて、ボタンやリストなどのパーツの作り方を学びます

9. flexbox
css3から導入されたflexboxについて解説しています
横並びのデザインが簡単に作れるようになります

10. コンポーネント
パーツを組み合わせて、より大きな塊を作る方法を学びます

11. ウェブサイトを作ってみよう
架空の皮膚科のウェブ予約システムの画面を作っていきます

12. 今後の勉強の仕方
もっと勉強したいという方へ、勉強方法や本書で解説していない
技術の触り部分を紹介しています。

13. 開発者ツールの使い方
どんなサイトのコードも見ることができる
開発者ツールの使い方や画面の見方、開発への活かし方を解説しています。