連休は勉強三昧 サイト模写コーディングに挑戦中【3日経過】
こんにちは。masaです。
学んできたプログラミング言語の実践アウトプットとして、ホームページの模写コーディングに挑戦しています。
【使用言語】
HTML/CSS Bootstrap(CSSフレームワーク)
【模写しているサイト】
Airbnbサイト↓
【制作状況】
1枚目
2枚目
後々可能なら、レンタルサーバーにアップできればと思っています。
【参考にしているブログ】
このブログの内容に沿って、模写コーディングしています。
【模写でこれから行う点】
- ヘッダーの部分の細かい作り(配置がうまく決まらない)
- フッターデザイン(これからコーディング)
- レスポンシブ対応
これまでの学習をアウトプットする意味で、非常に勉強になるのですが、まだまだ素人であると自覚することばかり。
逆に言えば、調べながらでも知識は深まっていく実感があるので、継続して細かいところまで模写していければと思います。
【補足】
Bootstrap の大切なポイントは、グリッドデザインであることがわかるようになりましたが、細かい作り込はCSSで行う必要があるようです。