入門1(コーダー初級)
- Webサイトを作る準備
- Webサイトはhtmlとcssで作る
- htmlとcssの決まりごと
- htmlは枠というブロックのパズル
- htmlでの枠の使い方と特性
- cssでデザインしてみる
- cssでデザインする時のプロパティ
- 簡単なWebサイトを作ってみよう
- 枠をなぞってhtmlを作る
- 枠に名前をつけて個別にデザインする
- 枠を中央に配置する方法
- 2つの枠を横並びにする方法
- 枠だけのホームページが完成
- 枠の中に画像や色を入れる
- 枠の中にテキストを入れる
- 簡単なwebサイトの完成
- 完成したレイアウトを拡張する
入門2(コーダー中級)
- 枠のことを「要素」と呼ぶ
- 要素のレイアウトに便利なflexボックス
- 要素の種類を変えるdisplayプロパティ
- 要素の位置を調整できるpositionプロパティ
- 要素を回り込みさせるfloatプロパティ
- いろんなcssのセレクタ指定方法