モダンカフェサイトのコーディング課題

 コーディングの基礎を身に着けた方に最適な、店舗サイトの基本が詰まったコーディング課題です。

実装ポイント

• サイトの基本構造： ヘッダー、フッター、各セクションへのページ内リンクといったWebサイトの骨格
• Flexboxを使ったレイアウト： 画像とテキストを組み合わせた、Webデザインの基本的なレイアウト手法
• 実践的なフォーム実装： 実務で必須となる、お問い合わせフォームのHTML/CSS
• 背景とコンテンツの重ね合わせ： positionプロパティを使った、奥行きのあるデザイン表現

課題の仕様

• 難易度： ★☆☆☆☆～★★☆☆☆ (初級者向け総合課題)
• ページ構成： 1ページ (PC / SP)
• 作業時間の目安：16～30時間
  ※あくまで目安です。ご自身のスキルや学習ペースによって時間は変動します。
• スキル： HTML / CSS/ Figma