プログラミング独学15日目 ついに3サイト写経完了!

どうもサムライくんです。
この数日間猛烈な勢いでサイトの写経に取り組んでいた結果
本日3サイト目の写経が完了しました。

では、本日の活動報告です

目次

本日の学習記録

本日の学習時間:143分
累計学習時間:20時間
学習内容:LP写経(3サイト目)

今日は頑張りました!笑
19時くらいに仕事終わらせて、LP写経の続きやったら集中しすぎて気づいたら2時間以上作業してた。そのおかげてLPの写経も終わりました。

LP写経 所要時間と成果物

3サイト目の写経にかかった時間は「3時間」でした

実際に作成したサイトが下記です。

画像に alt 属性が指定されていません。ファイル名: 99a0c3019a5bc886542c7e4e35fdab81-1024x474.png
画像に alt 属性が指定されていません。ファイル名: 2610f4c20e957bdf14bee558186f3a9c-1024x349.png
画像に alt 属性が指定されていません。ファイル名: b5dd0600bdbe2ad0230f813a95bcf2de-1024x519.png
画像に alt 属性が指定されていません。ファイル名: 9f2ab959be452191104504fe0cc25032-1024x528.png
画像に alt 属性が指定されていません。ファイル名: c472e7d451ef8332e463190d07621681-1024x481.png

LP写経感想と次のステップ

今回のLP写経では、前回までと違って背景に画像を使ったり、リンクを貼ったり
デザイン要素が強めなサイトを写経しました。

3サイト目やってみて感じたことが、HTMLはそんなに難しくない。
CSSが結構たいへん。ということです。

実際にコードHTMLについては、
使うタグの種類もそこまで多くないので写経しているうちに覚えてきますし
文字だけを反映させるってそんな難しくないです。

が、、、
そのHTMLをイメージどうりにデザインするのが難しい・・・
横幅が合わなかったりレイアウトが崩れたり・・・
CSSについては未だになれない部分が多いです涙。

ですが流石に3サイト写経したので、
「どのプロパティ使うのか」がなんとな〜くわかるようになってきました。
classやid、divタグの使い方をマスターできれば作業工数削減されて効率上がるんだろうな〜という気付きもありました。



よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次