ホームページ「美容院profine」(架空サイト)
製作期間:2か月程度
使用技術:HTML,CSS,jquery
独学で上記の言語を学習し、初めて作成したホームページです。
美容院のサイトはアイデアが出やすく見本も多い為、初心者におすすめとのことだったので、1作品目に選びました。
色は多用せず、シンプルかつお洒落なイメージで作成しました。また、訪れるゲストが見やすく、「是非ここへ行ってみたい」と思っていただけるような魅力的なサイトになるよう努めました。
苦労した点は、ヘッダーメニューが画面の一番上に到達するとスクロールしてもついてくる機能をjqueryを使用して作成したことです。分からない箇所は都度調べながら進めました。
また、CSSのアニメーションを使用して、ヘッダーの画像の切り替わりやギャラリーの画像をホバーしメニューがスライドインする機能も付けました。