コーポレートサイト模写

【制作概要】 社内研修の一環として、既存のコーポレートサイトを参考に模写制作を行いました。PC版だけでなく、スマホ版も制作しました。デザインやレイアウトを再現しながら、Webサイトの構造やコーディングの理解を深めることを目的に取り組みました。 【使用技術】 HTML / CSS 【制作時の工夫】 元のデザインを参考に、レイアウトや余白、文字の大きさ、配色などの細部を意識してコーディングしました。ページ全体の統一感を保ちながら、HTMLによる構造設計とCSSによるスタイリングへの理解を深めました。 【制作を通じて身につけたこと】 既存のWebサイトを分析し、デザインをコードで再現する力を養いました。また、HTML・CSSの基礎やレイアウト調整への理解を深め、Webサイト制作の基礎技術を身につけました。