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

コーディング課題 コーディング課題

制作するサイトの情報

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

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

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

デザインカンプ(Figma)

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

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

WEBデザイン・コーディング練習課題用Figma | Figma Community
コーディング練習用のFigmaファイル。▼ 学習サイト

 

必要な知識

  • HTML
  • CSS

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

 

学習・実装手順

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


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

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

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


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

コメント

タイトルとURLをコピーしました