マッスルカフェ

職業訓練開始後1か月過ぎの制作課題として、架空のカフェの公式サイトを制作しました。この時点までに学んだことをできるだけ活用し、ページ全体のレイアウトを意識して、前職での経験も活かした内容を目指しました。

ディスクリプション

制作完了年月日

2025/01/21

ターゲットユーザー

普段運動しているご近所にお住まいの方々。

目的

職業訓練開始から1か月の間に学んだことを制作に反映させる。

作品のポイント

トップページのキャッチコピーはpositionプロパティを用いて配置。flexはもちろん、メニューページではgridを使用した。

制作上の制約

「世界一わかりやすいHTML&CSSコーディングとサイト制作の教科書」のLesson1~13までで学んだことを活用。この時点ではレスポンシブデザインやCSSアニメーション、jQueryは未習得。

制作時間

16時間

使用ソフト

VSCode