さて、前回に続いて、サイト模写のトレーニングをしています様子をお伝えします。
サイト模写は、本来、忠実に再現するのが練習なのですが、公開するにあたっては写真の著作権の問題もあり、自分で撮影した写真のみ掲載しています。
そうするうちに、あれもこれも、と横道にそれていくことが多くなり、オリジナルサイトと異なる雰囲気が出てきて、それはそれで、作業が楽しくなってきました。
おしゃれ風サイトの模写をやってみました
これまでもお世話になっている
「作って学ぶコーディング学習サイト」 https://code-step.com/
を利用させていただきながら、サイト模写をしています。
この結果、このようなサイトが作成できましたので、早速、Github にPUSHし、サイト公開させていだだきました。
My Work https://id7300.github.io/workTest3/
このサイトの特徴
今回のサイト作成については、
- flexboxを横並びにする写真を実装
- テーブルを利用したテキスト記載
- おしゃれフォントをgoogle以外のサイトから利用
- 氏名、メールアドレス、コメントのフォーム作成
といった、少し実装内容がレベルアップしたサイトづくりとなっています。
このように、作業が進んできますと、ブログにも記事として載せられますので、さらに更新する機会が増えてきそうな予感がします。
グーグル先生をはじめ、多くの学習サイトの協力のほか、このブログを読んでいただいている皆さんの励ましの声、そしてあたたかい家族の応援に支えられて、こうした作業が進んでいます。本当にありがとうございます。
これからも、もっと精進していくことを、あらためて誓いたいと思います。
それでは、また。
育児に忙しい主夫のプログラミング学習と超絶時短料理！ 