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

制作するサイトの情報

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

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

デザインカンプ（Figma）

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

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

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

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

www.figma.com

必要な知識

• HTML
• CSS

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

学習・実装手順

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

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

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

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

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