小谷先生のオンライン授業日
1限目
学科 HTML/CSS基礎⑩
練習問題について
2限目
学科 HTML/CSS基礎⑩
練習問題
3限目
学科 HTML/CSS基礎⑩
練習問題
4限目
学科 HTML/CSS基礎⑩
練習問題
5限目
学科 HTML/CSS基礎⑩
本日の講義のまとめ
レイアウトデザイン 練習問題①
練習問題をやってみました。
大浜先生のトレーニング問題と違って、
問題となる場所が 「xxx」 ←このように分かりやすく記載されていないので、
自分の頭で考える必要がある練習問題だなと感じました。
正直、分からない箇所ばかりだったのですが、
検証ツールを使いながらコードを記述し、
無事に１問目の問題をクリア出来ました！
レイアウトデザイン 練習問題②
今度はCSSの記述問題。
今回も検証ツールを使いながら、
一つ一つ完成に近づけました。
↓
コードを記述してwebsiteを表示してみると、
訓練内容の場所のバックグラウンドカラーが反映されなかったり、
コードを見返しても正しく記述されているなと、
何度もトライ＆エラーを繰り返しました。
検証ツールってやっぱり大事ですね
いくらコードを見直しても、書き直しても分からなかったので
検証ツールを使って調べてみました。
私の手癖なのか、
fontと書くところをなぜかfrontと書き間違えていることが多いことに気が付くことができました。
その後、エラー箇所を直すと……。
無事に問題クリア出来ました
検証ツールを見ながら書いて行っていて、
前よりも検証ツールを使うのが慣れたような気がしました。
一度思ったように反映がされなくて、袋小路に入ってしまった時は、
エラーが無いか調べてみるのが良いですね。
実際にコードを書いていくとトライ＆エラーがあり、
こうやって上達していくんだなと、改めて実感いたしました。
コメント