Web初めてのHTML/CSS

Webの土台シリーズ

初めてのHTML/CSS — Webページの土台

Webページが HTML(骨組み)・CSS(見た目)・JS(動き) の三層でできていることから、 レイアウトとレスポンシブまでを4日で。自分では全部書けなくても、AIが出したコードを「読めて直せる」状態を目指します。登録不要・進捗はこのブラウザに保存されます。

学習の進捗0/15 レッスン
  1. 0

    Day 0・Webページの正体 — HTML/CSS/JSの三層

    Webページが HTML(骨組み)・CSS(見た目)・JS(動き) の三層でできていることを理解し、ブラウザがそれをどう表示するか、なぜ基礎(読む力)が必要かを説明できる。

    0/3 完了

  2. 1

    Day 1・HTMLの構造 — 骨組みを読む

    要素・タグ・属性・入れ子・セマンティックHTML・基本のフォームを読み書きでき、AIが作ったHTMLの構造を追えるようになる。

    0/4 完了

  3. 2

    Day 2・CSSの考え方 — 見た目を整える

    セレクタ・ボックスモデル・Flexbox・レスポンシブの考え方を理解し、AI生成CSSの意図を読めるようになる。

    0/4 完了

  4. 3

    Day 3・実践 — AI生成のHTML/CSSを読んで直す

    AIが作ったHTML/CSSを構造から見た目の順に読み、よくある崩れを直し、アクセシビリティに配慮して公開できるようになる。

    0/4 完了