初心者のプログラミングチャレンジ【76~80日目】
初心者のプログラミングチャレンジ【76日目】
Webサイト模写 その1
pcに突入です。できる部分から、直していきます。
- 体裁崩れを確認
- mainは右に寄っている
- footerは左に寄っている
- h2のfont-size
- 無事に表示される
- 思い切って消してみる
- この辺りから開始
- hrを修正
- 位置がおかしい
- 打ち消しmargin:auto;
- display:grid;
- なるほど
- HTMLにdiv追加
- 無事に表示される
- 体裁を整える
- div idを修正
- まずまず
自分の頭で考えながら、コードを書けるようになってきました。中途半端な位置から開始した理由は、解決方法を見つけられていない部分が最初にあったからです。
初心者のプログラミングチャレンジ【77日目】
Webサイト模写 その1
思いの外、サクサク進められているような気持ちです。本人の気持ちだけなので、気のせいかもしれませんが、気にしないで進めます。
- 今日はここから
- HTML修正
- baseは崩れない
- tabletも崩れない
- pcを書く
- 無事に表示される
- 左右が逆
- div idを付与
- grid columnとrow
- 無事に表示される
昨日と今日の要領で書いていけば、それなりに体裁が整うのではないでしょうか?tablet作成時の課題解決方法を模索しつつ、pcを地道に書き続けていきます。
初心者のプログラミングチャレンジ【78日目】
Webサイト模写 その1
できるところから、コツコツ積み上げていきますね。
- 今日もgridから
- HTML修正
- pcを書く
- ありゃ?
- HTML修正
- 体裁が微妙…
- br挿入
- cssを分ける
- 無事に表示される
cssをまとめられそうで、まとめられなかったです。体裁を整えるためのbrをHTMLに直接挿入したのは、少し悔しいです。他に何か良い方法はないかしら??
初心者のプログラミングチャレンジ【79日目】
Webサイト模写 その1
今日は書きまくる!が目標です。
- とにかく書こう
- HTML修正
- cssはまとめる
- 無事に表示される
- 前回と並び順が変わる
- HTML修正
- cssをまとめる
- 無事に表示される
- 同じ要領で続けて書く
- HTML修正
- css追加
- css追加その2
- 無事に表示される
- gridはふたつ
- HTML修正
- cssをまとめる
- 無事に表示される
- 本日の最難関
- HTML修正
- まず、崩れない
- cssを書く
- ……
- hrはブロック要素→宿題
最後に躓きました。そうですよね、hrはブロック要素ですよね。ということで、どうすれば左右に並べられるのかが、宿題になりました。どうすればいいのだろう…?
初心者のプログラミングチャレンジ【80日目】
Webサイト模写 その1
プログラミングをはじめて、80日になってしまいました。スキルアップしている自信はないのですが、諦めずに続ける忍耐力は向上していると思います。
- hrをどうしよう
- HTMLでclass付与
- とりあえずinline
- つまり?
- HTML修正
- cssを書く
- ?
- 拡大
- css修正
- 無事に表示される
かなり力技でcssを書きました。もっと簡単に揃えられる方法がありそうな気がします。が、今は力技でも良としておきますね。
90日目までは、このままプログラミング勉強を続けます。90日経過後、言語選択や今後の勉強作戦などを考えていきます。もう少しだけ、初心者プログラミングにお付き合い下さいね。