月別: 2019年7月

-本日アジェンダ-

1限目
学科（レイアウトデザイン基礎②）
ボックスモデルの確認

2限目
学科（レイアウトデザイン基礎②）
widthとheight

3限目
学科（レイアウトデザイン基礎②）
paddingとmargin、border

4限目
学科（レイアウトデザイン基礎②）
flortとclear

5限目
学科（レイアウトデザイン基礎②）
本日のまとめ

本日のテーマ

本日はボックスモデルの復習です。

本日の参考サイト

• floatを解除する4つの方法（clear:both;、overflow:hidden;、clearfix、height）
• PCサイトをレスポンシブ化する時の考え方と注意点 | HPcode – はにわまん
• レスポンシブWebデザインについて知っておきたいこと【コーディング編 …

学科（レイアウトデザイン基礎①）

-本日アジェンダ-

1限目
学科（レイアウトデザイン基礎①）
デザイン見本「レイアウト①」

2限目
学科（レイアウトデザイン基礎①）
デザイン見本「レイアウト②」

3限目
学科（レイアウトデザイン基礎①）
デザイン見本「レイアウト③」

4限目
学科（レイアウトデザイン基礎①）
デザイン見本「レイアウト④」

5限目
学科（レイアウトデザイン基礎①）
本日のまとめ

本日のテーマ

まずはしっかりレイアウト