昨日はHTML&CSS 初級道場のヘッダー部分を作成しましたので、今日はそれの続きです!
前回記事の続きになりますので見てない方はこちらからみてください
[progate] 勉強4日目 HTML&CSS 初級道場(ヘッダー)では今日からメイン部分です!
まずはタイトルの仕様書が届きました!
![](https://i0.wp.com/radiologistwork.com/wp-content/uploads/2020/06/1-2.png?resize=358%2C306&ssl=1)
簡単そう・・・
実際筆者はさくっと作成できました!
筆者が作成したコードです。こうしたほうがいいよとかあったら是非教えてください!
では、次の仕様書が届いたのでそこまで作成しようと思います。
![](https://i0.wp.com/radiologistwork.com/wp-content/uploads/2020/06/4-3.png?resize=506%2C431&ssl=1)
今度は難しそう・・・
実際難しかったですが、少しhtml&cssになれてきたのか、ヒント、現在の状況もあまり見ることなく、仕様書を見ながらほとんど制作することができました。
これをやってて本当に思ったのは、もし今後自分でホームページの案件だったりで作るときに最初に手書きでもいいから大まかに構図を作成することが大事なんだなと感じました。
そして無事にクリアすることができました!
今日はここまでで終わりました!
少しずつですがわかってきて、とても楽しいです!
初心者ですのでもっとコードはこう書いたほうがいいっていうのあったら是非教えてください!
あと、この道場が終わったらgoogle chromeの拡張機能を用いて自分のブログのCSSを編集してみようかなと思います。
では最後まで読んでいただきありがとうございました。
@akr0430![HTMLランキング](https://i0.wp.com/blog.with2.net/img/banner/c/banner_1/br_c_1057_1.gif?w=1256&ssl=1)
HTMLランキング
コメント