自己紹介サイト

このページでは、オンラインスクールの課題で作成した自己紹介サイトを紹介します。新たに学んだ3段カラムや、レスポンシブデザイン、Googleマップの埋め込み、画像の画質や保存場所等を意識して作成した習作作品です。使用ソフトはPhotoshop、Dreamweaverです。

PC版サイト

上部固定ヘッダーの作成：ヘッダーを固定することによってナビゲーションの利便性を向上させました。

画像形式をwebpに：画像をwebp形式で表示させることによって高画質を維持したままの配置をしました。

シンプルで統一感のある色味：幅広い人にとって見やすい白をベースとした色味にしました。

SNS規約遵守：各ＳＮＳの推奨サイズおよび規約に沿って制作しており、どのプラットフォームでも適切に表示されるようにしました。