概要

プログラミングを学び制作したものをポートフォリオにしました。
私はお酒が好きなので、ビールをイメージしたデザインのサイトにしました。

自由度の高いデザインにしたかったためフルスクラッチでサイト構築をしました。
少ない時間で情報が伝わるようページ数を少なくしシンプルなデザインにしました。

セールスポイント

• HTML,CSS,JavaScripを使用しフルスクラッチでサイト構築しました。
• javaScriptでホバー時やクリック時に動きのあるサイトにしました。
• PHPでお問い合わせフォームを構築しました。
• インターネットサーバーと契約し独自ドメインを取得しサイトを公開しました。

使用技術

• JavaScript
• HTML5
• CSS3
• PHP
• AdobePhotoshop
• AdobePremierePro

改善点

1. topページアニメーション

topページのアニメーションは現在Photo shopとPremiere proで作成したGIF動画を使用していますが、 容量を少なくしたいので、cssやjava scriptで構築したいと考えております。

2. png画像からcss

セクションごとに配置している波型の背景デザインですが、サイト構築の時間コストのため 現在Photo shopで作成したPNG画像を使用しています。しかし容量削減のためcssで構築したものに変更したいと考えております。