Creating a Simple Website with Headers and Footers using Claude.ai

Pay what you want – start at $0

Want to build a real website but feel overwhelmed by code? This beginner-friendly PDF walks you through creating a simple PHP website using AI (Claude) as your coding buddy — plus a clean setup with header.php, footer.php, and styles.css so updates are easy.

No experience needed. Just copy, paste, and follow the steps.

What you’ll learn

• How to talk to Claude like a web dev assistant
• How to set up a basic PHP site folder structure
• How to create and use:
  • header.php for your shared site header + navigation
  • footer.php for your shared site footer
  • index.php as your main page
  • Additional pages like about.php and contact.php
  • styles.css for simple, modern styling
• How to reuse your header and footer so one change updates every page
• How to save, upload, and test your site locally or on a host

What’s inside

• Canva-ready, step-by-step PDF (great for visual learners)
• Copy-and-paste prompts for Claude to:
  • Generate each file (header.php, footer.php, footer.php, index.php, extra pages, and styles.css)
  • Update navigation, colors, and text later
• Example code snippets you can paste directly into your files
• Directory structure visual + simple explanations of each file
• A troubleshooting section for common beginner errors

Perfect for

• New AI users who want a real project
• Creators, students, and teachers who want a simple teaching tool
• Anyone who wants to understand how AI can help them build and edit websites faster