おわりに

以上ここまで、1ページの簡易プロフィールページの作成でした。

ページ構成としては簡単なものですが、最初のハンズオンということもあり、基礎的な説明などもかなり多くなってしまったので、難しいと感じた方もおられるかと思いますが、すこしでも「HTMLとCSS書くの楽しい」と思っていただけたら幸いです。

本ハンズオンのサンプルファイルはかなり細かく区切って入れているので、HTMLの構成やCSSのプロパティ・値をいじって実際に変化を確かめてみてください。

また、カスタマイズとして、下記にも挑戦してみるとよいかもしれません。

• faviconを追加する
• OGPを追加する
• アイコンをFont Awesomeなど別のものに変えてみる

ここまでご覧いただき、ありがとうございました。

本ハンズオンに対してのご意見・ご感想などございましたらお問い合わせフォームまでお願いします。次回以降のハンズオン記事制作にも活用させていただきます。