【HTML/CSS コーディング練習】初級編：ECサイト／商品ページ

練習方法 コーディング練習は、「模写コーディング」と「デザインカンプからのコーディング」が行えます。 １. 模写コーディング 「デモサイト」を見ながら同じサイトを作るコーディング練習です。実際のサイトで動きが確認できるのでコーディング初級者におすすめです。 [練習方法] ①上の「デモ」ボタンをクリックしてデモサイトを確認します。 ②デモサイトを見ながら同じサイトを作成します。 模写コーディングの詳しい手順については、「【コーディング例あり】模写コーディングのやり方【手順を解説】」を参考にしてみてください。 ２. デザインカンプからのコーディング 「デザインデータ」と「コーディング仕様」をもとにサイトを作るコーディング練習です。実務と同じ条件でコーディングを行うのでより実践的です。 [練習方法] ①下の「課題内容」を確認してから「素材（画像）」をダウンロードします。 ②「デザインデータ」と「