-本日のアジェンダ-
1限目
学科 HTML/CSS基礎⑩
練習問題について
・コーディングのポイント
デザインラフに対してどのようにCSSを書いていくかを想定しながら作成していく
head内は基本的にコピペでOK
よく見るサイトのマークアップをいろいろ見てみると勉強になる
float: left;を指定すると、縦に3つ並んでいた要素が左から順番に横並びになります。
float: right;を指定すると、縦に3つ並んでいた要素が右から順番に横並びになります。
2限目
学科 HTML/CSS基礎⑩
練習問題
3限目
学科 HTML/CSS基礎⑩
練習問題
4限目
学科 HTML/CSS基礎⑩
練習問題
5限目
学科 HTML/CSS基礎⑩
本日の講義のまとめ
本日のテーマ
練習問題を解いてみましょう
本日の課題
練習問題を通して学んだことを整理しておきましょう。
WordPressの投稿ページに学んだことをまとめておくと良いです。
本日学んだこと
float: left;/right;について
overflow:hidden;
HTML・CSSの組み立て方
感想
本日は練習問題を様々行ったあと明日の成績考査に向けての準備を行いました。
練習問題では①②までしか終えられず③の途中までになってしまいましたが、①②を通じてHTMLとCSSがどう対応しているのかを確認することができました。検証ツールをうまく活用して調べる練習になりました。
CSSは正解がないと動画でも話があったので、その点がセンスにゆだねられる部分もあるのかなと思い難しい点だなと思いました。
また、③では苦手な部分である配置の問題でfloatについては理解が進みましたが、overflow:hidden;はまだなんとなくの動きしかわかっていないのでどこにどうつけたらどういう動きになるのかという部分をもう少し学ばないといけないなと思います。