通信状況が悪くフルで撮れませんでした、本来はちゃんとしています。
| 制作物のタイトル | flower days（制作途中） |
| 制作の概要 | このプロジェクトは、「Flower days」という架空のフラワーショップのWebサイトを想定し、デザインカンプを元にHTMLとCSSでコーディングを進めている段階です。このキャプチャは、トップページの主要なセクションのレイアウトと、コンテンツの配置がほぼ完成した状態を示しています。 |
| 制作時に意識したポイント | デザインの忠実な再現: 花の写真が持つ温かみと優しさを損なわないよう、デザインカンプの色、フォント、余白などを正確に再現することに注力しました。特に、母の日バナーの丸い形状や、画像が並ぶレイアウトにこだわっています。 セマンティックなマークアップ: サイトの構造を明確にするため、HTMLはsectionやarticleなどの適切なタグを使用し、コンテンツの階層を意識して記述しました。 レスポンシブデザイン: 様々なデバイスで快適に閲覧できるよう、Flexboxやメディアクエリを使い、画面サイズが変わってもレイアウトが崩れないように配慮しました。 |
| 今後の予定 | 今後は、以下の作業を進めていきます。 詳細なスタイリング: 各セクションの余白調整、文字やボタンのホバーエフェクト、背景のグラデーションなど、細部のスタイリングを仕上げます。 ハンバーガーメニューなど、動的な要素を追加し、サイトに動きをつけます。 下層ページのコーディング: 商品一覧ページや詳細ページなどの制作に進みます。 |
| 使用ソフト | TeraPad(HTML、CSS) |
No responses yet