2025/05/21 3・4限 DL503
今日の内容
前回の続き、Gridレイアウトについての解説後、レスポンシブデザインをテーマに制作をします。スマートフォン、タブレット、コンピュータなど、各画面サイズに応じて変化するレイアウトの作成方法について、解説します。
CSS
- CSSによるページレイアウト1（flex）
- CSSによるページレイアウト2（position）
- CSSによるページレイアウト3（grid）←今日はここから
- レスポンシブデザイン1（基本）
- レスポンシブデザイン2（ハンバーガーメニュー）
学科サイトの編集（本日制作した部分をリンクします）
過去の資料
- 資料一覧（このサイトのindexページ）
出席登録
出席簿 ※要ログイン・確認用
授業録画
授業の解説部分の録画はMoodleに掲載しています。
Moodle ※要ログイン