HTMLとCSSをデザインして、イチからサイトを作ってみました。
記述はチャットGPTとTera Padを使用してコーディングをしました。
デザインはパソコンの画面でもスマホの画面でも見やすいように、レスポンシブデザインで作りました。おすすめコンテンツ部分の画像やメニュー部分が、画面の大きさに連動した可変式です。
また、メニュー部分もマウスを乗せると色が変わったり、今いるページ部分だけ黄色で表示させるなど、見やすさ、わかりやすさを重視しました。
コーヒーのサイトなので、色のデザインもコーヒー色と黄色でまとめてみました。
当初は5ページの予定でしたが、内容充実の為、2ページ追加しました。
※ポートフォリオ用のサイトなので、head内に検索除けタグを入れています。
制作時間：約7時間
使用ソフト：Tera Pad、FileZilla
使用サーバー：スターレンタルサーバー
使用画像：photo AC