-本日アジェンダ-
1限目
学科 レイアウトデザイン基礎
CSSフレックスボックス(display:flex)について
2限目
学科 レイアウトデザイン基礎
CSSグリットレイアウト(display:grid)について
3限目
学科 レイアウトデザイン基礎
課題制作
4限目
学科 レイアウトデザイン基礎
課題制作
5限目
学科 レイアウトデザイン基礎
課題制作
本日のテーマ
float以外にも横に並べる方法があります
「CSSフレックスボックス(display:flex)」参考サイト
- 【フレックスボックス】CSS display:flexの使い方を解説
- フレックスボックスの基本概念 – CSS: カスケーディングスタイルシート | MDN
- CSS Flexbox|エンジニアのためのWebチートシート
「CSSグリットレイアウト(display:grid)」参考サイト
- 5分で完璧に分かる！CSS Gridの基本的な使い方を解説 | コリス
- グリッドレイアウトの基本概念 – CSS: カスケーディングスタイルシート | MDN
- IEでも大丈夫！CSS Gridを使用する時の注意点と実装方法 | コリス
サイト制作課題
2月25日（火）までに提出・「ワイヤーフレーム」
3月2日（月）までに提出・「デザインラフ」 ★
3月9日（月）までに提出・「Webサイト（途中報告）」
3月16日（月）第3回成績考査・「Webサイト（出来たところまで！）」