【無料】(コーディング課題05)会社のホームページをコーディングしよう

コーディング課題コーディング課題
この記事は約1分で読めます。

制作するサイトの情報

白を基調としたコーポレートサイトのコーディングをしてみましょう。

今回もJavaScriptやjQuery不要でコーディングできます。

デザインカンプ(Figma)

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

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

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

 

必要な知識

  • HTML
  • CSS

JavaScriptやjQueryの実装は不要です。

 

学習・実装手順

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


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

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

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


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

コメント

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