Webサイト作成コース/カリキュラム/第3章: 複数ページのサイトに拡張/3-3 デザインを統一する

3-3 デザインを統一する

無料

全ページのデザインを統一し、一貫性のあるサイトに仕上げます。

3章: 複数ページのサイトに拡張15分

共通CSSの整理

ページが増えると、スタイルの管理が重要になります。

> 全ページで共通のCSSを style.css に切り出して。
> 各HTMLファイルから読み込むようにして。
> カラーパレットを CSS 変数で定義して統一して。

レスポンシブ対応の統一

全ページがスマホでも正しく表示されるか確認しましょう。

> 全ページのスマホ表示を確認して、問題があれば修正して。
> 特にナビゲーションとフォームが使いやすいか重点的に。

最終チェック

サイト全体をチェックして、不整合がないか確認します。

  • 全ページのリンクが正しく動作するか
  • デザインに統一感があるか
  • スマホ・PC 両方で問題ないか
  • 文字の誤字脱字がないか