【プログラミング】HTML・CSSの学習記!(21/2/22~28)

学習記22日~28日のサムネWeb制作

こんにちは、ほうまちです。

学習記、4週目でしょうか。

ブログ更新に日を空けてしまったので、振り返りながら行きます。

スポンサーリンク

2月22日

この日は、勉強をやれませんでした。

休日に遊んでいたので、ちょっとだらけてしまっていたのだと思います。

前日にしっかり休み、切り替えていかねば……

2月23日

  • サイト模写(はにわまんさん)【2h4m】

先週からの続きで、サイト模写をやりました。

ヘッダー部分のスタイリングを完成させたようです。

2月24日

  • サイト模写(はにわまんさん)【3h14m】

前日の続きです。

思い通りのスタイリングが出来たようです。

でも、あまり集中できてもいなかったみたいです。

2月25日

  • サイト模写(はにわまんさん)【3h13m】

この辺で、完全に集中力が切れてきました……

HTMLの構造が見本と違うので、スタイリングがうまく出来なくなってきていました。

そんなこんなで、現実逃避にYoutubeを見ながらの作業をやっていました。

このままではいけないと思い、諦めて答え合わせをやろうとなりました。

2月26日

この日もサイト模写をやろうと思ったのですが……

メディアクエリが残っていたので、ダメ元でやってみました。

結果、全然進まず!

分からないなら、さっさと答えを見てしまう方が勉強の効率がいい、と思いました。

2月27日

  • サイト模写の答え合わせ(はにわまんさん)【2h59m】

答え合わせをしました。

自分ができなかったところを見本はどのように実装しているか、などを見ていくと勉強になりました!

また、見本に書いてあるコードで分からない物をググって、疑似要素やフロートなどの理解を深められたのも良かったです!

2月28日

  • サイト模写の答え合わせ(はにわまんさん)【3h30m】

この日も答え合わせをしました。

答えを見て、「こう書けばよかったんだ」とはなったけど

「自分のをどう修正すればよかったのか」が思いつかないな、と思いました。

もう一回くらい、このサイトの模写をやってみよう、と思ったところで、また来週!

まとめ

というわけで、サイト模写の初心者編を一通りやってきました。

フロートとかの使い方や、HTMLの書き方について知識が深まってきたので

これを使えるように、さらにサイト模写で実戦練習を重ねていきたいと思います。

来週は、プロゲートとドットインストールの期限が迫っているので

他の言語の基礎学習を急いでやっていく感じです。

それではっ!