3-1 ページ構成を設計する

複数ページサイトの構成

1ページのLPを、複数ページのWebサイトに拡張しましょう。

カフェサイトの例:

• index.html — トップページ（既存LPをベース）
• menu.html — メニュー詳細ページ
• about.html — お店について
• contact.html — お問い合わせ

ナビゲーションの設計

複数ページサイトには共通のナビゲーション（メニューバー）が必要です。

• ロゴ（左端、クリックでトップへ）
• メニューリンク（メニュー、お店について、お問い合わせ）
• スマホ用ハンバーガーメニュー

Claude Code への指示

ファイル構成とナビゲーションを伝えて、一気にページを生成しましょう。

> CAFE BLUE のサイトを複数ページに拡張して。
> 
> ページ構成:
> - index.html: トップ（既存ベース）
> - menu.html: メニュー詳細（各ドリンクの説明付き）
> - about.html: お店の紹介
> - contact.html: お問い合わせフォーム
> 
> 全ページに共通のヘッダー（ナビ）とフッターを付けて。
> スマホ用のハンバーガーメニューも実装して。