Build Real Web Pages — Web Design Academy
🎨 Live in-browser preview
🧩 Puzzle mini-projects
🎓 3 certificates
Level 1 · Beginner
HTML structure and semantics — headings, paragraphs, images, and your first real web page.
Not started
Level 2 · Intermediate
Unlocks after your Beginner certificate. CSS styling, layout, Flexbox and Grid.
🔒 Locked
Level 3 · Advanced
Unlocks after your Intermediate certificate. Responsive design and light JS interactivity.
🔒 Locked
How this works
- Work through each week in order — every week teaches a concept through a real-world scenario, with a live editor to practise in.
- Pass the short quiz and complete the practice exercises to unlock the next week.
- Along the way you'll tackle puzzle-style mini projects that combine everything so far.
- Finish the final mini project to unlock your level certificate — and the next level.
🌱 Level 1 — Beginner: HTML Foundations
What you'll build
Across this level you'll build your own personal intro page — headings, paragraphs, images with real alt text, and your first inline styles.
🌿 Level 2 — Intermediate: Styling & Layout
What you'll build
Build a full personal website with HTML, CSS and a touch of JavaScript: structure and lists, real CSS selectors and the box model, flexbox and grid layouts, forms, responsive media queries, and click interactivity — the same 9-week course as Beginner, reused here for now.
🌳 Level 3 — Advanced: Responsive & Interactive
What you'll build
Build a full personal website with HTML, CSS and a touch of JavaScript: structure and lists, real CSS selectors and the box model, flexbox and grid layouts, forms, responsive media queries, and click interactivity — the same 9-week course as Beginner, reused here for now.