# Primary 3 (Age 8-9) - Introduction to Web Pages with HTML

## Term 1: HTML Basics - The Skeleton of a Webpage
**Focus**: Understanding that webpages are built with text and tags. Students learn to create simple pages with headings, paragraphs, images, and links.

### Week 1: Revision & Introduction to Computers
- **Learning Objectives**:  
  - Recap file management (creating folders, saving files).  
  - Open VS Code and create a new file.  
  - Understand that websites are made with code.  
- **Topics**:  
  - What is a webpage? (Demo with viewing page source in Chrome).  
  - Introduction to VS Code interface.  
  - Creating an `index.html` file.  

### Week 2: Your First Webpage
- **Learning Objectives**:  
  - Write a valid HTML5 document structure (`<!DOCTYPE html>`, `<html>`, `<head>`, `<body>`).  
  - Use `<h1>` and `<p>` tags.  
- **Topics**:  
  - "Hello World" webpage.  
  - Saving and opening files in Chrome.  

### Week 3: Adding Structure with Headings
- **Learning Objectives**:  
  - Use heading tags (`<h1>` to `<h6>`) to create a hierarchy.  
- **Topics**:  
  - Building a "My Favorite Animals" page with headings.  

### Week 4: Paragraphs & Text Formatting
- **Learning Objectives**:  
  - Add paragraphs (`<p>`).  
  - Bold (`<strong>`) and italic (`<em>`) text.  
- **Topics**:  
  - Writing a short story about a superhero.  

### Week 5: Lists (Ordered & Unordered)
- **Learning Objectives**:  
  - Create lists with `<ul>` (unordered) and `<ol>` (ordered).  
  - Nest lists inside lists.  
- **Topics**:  
  - "My Shopping List" or "Steps to Make a Sandwich".  

### Week 6: Adding Images
- **Learning Objectives**:  
  - Embed images with `<img>` (src, alt attributes).  
  - Organize project folders (images folder).  
- **Topics**:  
  - Create a "My Favorite Cartoon Characters" gallery.  

### Week 7: Hyperlinks
- **Learning Objectives**:  
  - Link pages with `<a>` (href attribute).  
  - Link to external websites.  
- **Topics**:  
  - Build a "Fun Websites I Like" page with links.  

### Week 8: Combining Elements
- **Learning Objectives**:  
  - Combine headings, paragraphs, lists, and images.  
- **Topics**:  
  - "All About Me" page (biography with photos).  

### Week 9: Simple Layouts
- **Learning Objectives**:  
  - Use `<div>` to group content.  
- **Topics**:  
  - Split a page into sections (e.g., "About", "Hobbies").  

### Week 10: Revision Week
- **Activities**:  
  - Fix broken HTML in a provided file.  
  - Quiz on tag names.  

### Week 11: Project Week 1
- **Project**: "My Dream Birthday Party" webpage with:  
  - Headings, list of gifts, and images.  

### Week 12: Project Week 2
- **Project**: Expand the birthday page with links to toy websites.  

### Week 13: Exams & Showcase
- **Practical Exam**: Recreate a given webpage from a screenshot.  

---

## Term 2: HTML Deep Dive - Building Multi-Page Websites
**Focus**: Creating multi-page websites with navigation and semantic HTML.

### Week 1: Revision of Term 1
- **Activity**: Debug a broken HTML file.  

### Week 2: Multi-Page Websites
- **Learning Objectives**:  
  - Create multiple HTML files.  
  - Link between pages with relative paths.  
- **Topics**:  
  - "My Family" website (Home, Parents, Siblings pages).  

### Week 3: Navigation Menus
- **Learning Objectives**:  
  - Build a navigation bar with `<nav>` and `<a>`.  
- **Topics**:  
  - Add a menu to all pages.  

### Week 4: Semantic HTML
- **Learning Objectives**:  
  - Use `<header>`, `<footer>`, `<main>`.  
- **Topics**:  
  - Restructure "All About Me" with semantic tags.  

### Week 5: Tables
- **Learning Objectives**:  
  - Create tables with `<table>`, `<tr>`, `<td>`.  
- **Topics**:  
  - "My Class Timetable".  

### Week 6: Forms (Basic)
- **Learning Objectives**:  
  - Add text inputs (`<input type="text">`) and buttons (`<button>`).  
- **Topics**:  
  - "Contact Me" form (non-functional).  

### Week 7: Embedding Videos
- **Learning Objectives**:  
  - Embed YouTube videos with `<iframe>`.  
- **Topics**:  
  - "My Favorite Song" page.  

### Week 8: Project Week 1
- **Project**: "My School" website (Home, Teachers, Subjects pages).  

### Week 9: Project Week 2
- **Project**: Add a photo gallery page.  

### Week 10: Revision Week
- **Activity**: Semantic HTML quiz (match tags to purpose).  

### Week 11-12: Group Project
- **Project**: Build a "Class Website" with each student contributing a page.  

### Week 13: Exams
- **Practical Exam**: Add a new page to an existing website.  

---

## Term 3: Creative Projects - Themed Websites
**Focus**: Applying HTML skills to real-world scenarios with themed projects.

### Week 1: Revision of Terms 1 & 2
- **Activity**: "HTML Tag Bingo" game.  

### Week 2: Recipe Website
- **Learning Objectives**:  
  - Organize content with lists, images, and headings.  
- **Topics**:  
  - "How to Make Pancakes" page.  

### Week 3: Travel Brochure
- **Learning Objectives**:  
  - Use tables for itineraries.  
- **Topics**:  
  - "Visit Lagos!" tourism page.  

### Week 4: Comic Strip
- **Learning Objectives**:  
  - Layout images and text creatively.  
- **Topics**:  
  - "The Adventures of Super Pup" comic.  

### Week 5: Audio Stories
- **Learning Objectives**:  
  - Embed audio with `<audio>`.  
- **Topics**:  
  - "Spooky Sounds" Halloween page.  

### Week 6-7: Mini-Blog
- **Project**: A 3-post blog about hobbies.  

### Week 8-9: Portfolio Website
- **Project**: Showcase all Term 3 projects in one site.  

### Week 10: Peer Review
- **Activity**: Share and critique classmates' portfolios.  

### Week 11-12: Final Project
- **Project**: "When I Grow Up" career-themed website.  

### Week 13: Exams & Showcase
- **Exam**: Present portfolio to the class.