コードを書いて、すぐ確かめる。
VS CodeとLive Serverを使い、HTMLで構造を作り、CSSで見た目を整えます。各教材にはサンプルコードと表示例があります。
01 HTML入門 →
見出し・段落・リンク・画像・表など。
02 CSS入門 →
セレクタ・色・余白・ボックスモデル。
03 レイアウト →
Flexbox・Grid・スマホ対応。
04 Web制作実習 →
小さな地域紹介ページを完成させる。
学習の進め方
① コードを読む → ② VS Codeで入力 → ③ Live Serverで確認 → ④ 自分で変更、の順で進めます。