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

3-2 ページを追加する

無料

メニューページ、お店紹介ページ、問い合わせページを作成します。

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

メニューページを充実させる

メニューページに詳細情報を追加しましょう。

> menu.html のメニューページを充実させて。
> カテゴリ（ホットドリンク、アイスドリンク、スイーツ）に分けて
> 各メニューに写真（placeholder）、説明文、価格を付けて。

お問い合わせページにフォームを設置します。

> contact.html に問い合わせフォームを追加して。
> 項目: 名前、メールアドレス、件名、メッセージ
> 送信ボタン押下時は「送信しました」とアラート表示で OK。

実際のサイトでは写真を使います。フリー素材サイトから画像をダウンロードして配置しましょう。

無料素材サイト:

ポイント

Claude Code に「images フォルダを作って、画像ファイルの命名規則も教えて」と聞くと、プロジェクト構成の相談もできます。