【無料】（コーディング課題03）うどん屋のサイトをコーディングしよう

制作するサイトの情報

コーディング課題02でニュースアプリでコーディングのイメージが何となくわかってきたら、量をこなすということでうどん屋の１枚もののホームページをつくってみましょう。

構造となる骨組みの部分はほとんど今までのコーディング課題と同じですが、問い合わせフォームがあります。

実際に問い合わせの機能はつけなくて大丈夫なので、ダミーでつくりましょう。

デザインカンプ（Figma）

デザインカンプをもとにコーディングしていきましょう。

カンプはこちらのFigmaファイルの03ページになります。

WEBデザイン・コーディング練習課題用Figma | Figma Community

コーディング練習用のFigmaファイル。▼ 学習サイト

www.figma.com

必要な知識

• HTML
• CSS

基準としては、ProgeteのHTML/CSSコースを終えたくらいになります。

学習・実装手順

• カンプをもとにフォントや色を指定して作成
• リセットCSSは`destyle.css`
• 画像は書き出しましょう

Twitterで学習開始を宣言しよう

ということで、コーディングしていきましょう。

Twitterで学習開始を宣言してみましょう。

コーディングで躓いた際は次のページでヒントが読めるので、参考にしてみてください。