初心者のプログラミングチャレンジ【76~80日目】

プログラミング日記

初心者のプログラミングチャレンジ【76日目】

Webサイト模写 その1

pcに突入です。できる部分から、直していきます。

  1. 体裁崩れを確認
  2. mainは右に寄っている
  3. footerは左に寄っている
  4. h2のfont-size
  5. 無事に表示される
  6. 思い切って消してみる
  7. この辺りから開始
  8. hrを修正
  9. 位置がおかしい
  10. 打ち消しmargin:auto;
  11. display:grid;
  12. なるほど
  13. HTMLにdiv追加
  14. 無事に表示される
  15. 体裁を整える
  16. div idを修正
  17. まずまず

自分の頭で考えながら、コードを書けるようになってきました。中途半端な位置から開始した理由は、解決方法を見つけられていない部分が最初にあったからです。

 

初心者のプログラミングチャレンジ【77日目】

Webサイト模写 その1

思いの外、サクサク進められているような気持ちです。本人の気持ちだけなので、気のせいかもしれませんが、気にしないで進めます。

  1. 今日はここから
  2. HTML修正
  3. baseは崩れない
  4. tabletも崩れない
  5. pcを書く
  6. 無事に表示される
  7. 左右が逆
  8. div idを付与
  9. grid columnとrow
  10. 無事に表示される

昨日と今日の要領で書いていけば、それなりに体裁が整うのではないでしょうか?tablet作成時の課題解決方法を模索しつつ、pcを地道に書き続けていきます。

 

初心者のプログラミングチャレンジ【78日目】

Webサイト模写 その1

できるところから、コツコツ積み上げていきますね。

  1. 今日もgridから
  2. HTML修正
  3. pcを書く
  4. ありゃ?
  5. HTML修正
  6. 体裁が微妙…
  7. br挿入
  8. cssを分ける
  9. 無事に表示される

cssをまとめられそうで、まとめられなかったです。体裁を整えるためのbrをHTMLに直接挿入したのは、少し悔しいです。他に何か良い方法はないかしら??

 

初心者のプログラミングチャレンジ【79日目】

Webサイト模写 その1

今日は書きまくる!が目標です。

  1. とにかく書こう
  2. HTML修正
  3. cssはまとめる
  4. 無事に表示される
  5. 前回と並び順が変わる
  6. HTML修正
  7. cssをまとめる
  8. 無事に表示される
  9. 同じ要領で続けて書く
  10. HTML修正
  11. css追加
  12. css追加その2
  13. 無事に表示される
  14. gridはふたつ
  15. HTML修正
  16. cssをまとめる
  17. 無事に表示される
  18. 本日の最難関
  19. HTML修正
  20. まず、崩れない
  21. cssを書く
  22. ……
  23. hrはブロック要素→宿題

最後に躓きました。そうですよね、hrはブロック要素ですよね。ということで、どうすれば左右に並べられるのかが、宿題になりました。どうすればいいのだろう…?

 

初心者のプログラミングチャレンジ【80日目】

Webサイト模写 その1

プログラミングをはじめて、80日になってしまいました。スキルアップしている自信はないのですが、諦めずに続ける忍耐力は向上していると思います。

  1. hrをどうしよう
  2. HTMLでclass付与
  3. とりあえずinline
  4. つまり?
  5. HTML修正
  6. cssを書く
  7. 拡大
  8. css修正
  9. 無事に表示される

かなり力技でcssを書きました。もっと簡単に揃えられる方法がありそうな気がします。が、今は力技でも良としておきますね。

90日目までは、このままプログラミング勉強を続けます。90日経過後、言語選択や今後の勉強作戦などを考えていきます。もう少しだけ、初心者プログラミングにお付き合い下さいね。