Bring HTML and CSS to life in your classroom with this engaging Dream Car Webpage project! Designed for beginners, this resource walks students step-by-step through building their very first webpage using basic HTML tags and internal CSS styling. Perfect for ICT, Computer Science, STEM, or Web Design intro lessons, this hands-on activity helps students learn foundational web development skills while creating a fun, personalized webpage about their favourite vehicle—car, plane, bike, or any vehicle of their choice!

⭐ What’s Included

• A full PDF student guide with clear, easy-to-follow instructions
• Step-by-step walkthrough for:
  • Setting up an HTML file
  • Adding , , structure
  • Creating headings with
  • Writing paragraphs with

  • Styling text with internal CSS
  • Inserting and resizing images
  • Using and IDs for styled sections
    
• A completed final HTML example (included in the PDF)
• Visual screenshots showing what each step should look like
• Instructions that require NO prior coding knowledge
  

💡 Skills Students Will Learn

• Basic HTML structure and tags
• Intro to CSS styling and selectors
• How to add and format text
• How to insert and style images
• File management and webpage setup
• Hands-on, practical web development foundations
  

🎯 Perfect For

• Middle school & high school technology classes
• Intro to Web Design units
• Computer Science beginners
• STEM rotations
• Distance or in-class learning
  

🖥️ Student Outcome

By the end of this project, students will create their own fully functional, styled webpage featuring:

• A custom title
• A styled header section
• A descriptive paragraph
• Three professionally styled images
• A polished, visually appealing layout
  

📂 Requirements

• Computer with Notepad++, CodePen, or any text editor
• Internet access for collecting vehicle images