Portmint Lighthouse
Foundations · 9 lessons · $99

How Websites Are Made

Welcome aboard

Ahoy — Pip here, your lighthouse keeper. A web page can feel like one polished, finished thing, the way a ship looks like one solid object gliding across the water. But up close, every page is built from a few simple parts, each with its own quiet job.

In this course we'll take a page apart, plank by plank. First the bare structure that holds the words. Then the paint that makes it pretty. Then the little motors that make it move. We'll watch a browser turn plain files into the page you see, and finally send a finished site out into the world so anyone can visit.

You won't leave a master builder. You will leave able to look at any web page and name what's holding it up. Let's cast off. 🔦

  1. What a Web Page Really Is Free previewA web page isn't one magic object. It's a few plain text files a browser reads and assembles. Here's the honest big picture.
  2. HTML — The Bones of a Page 🔒HTML is the structure of a web page — paired tags that label each piece so browsers and people know what everything is.
  3. CSS — Giving a Page Its Looks 🔒CSS is the paint of a web page — color, spacing, fonts, and layout. Here's how a plain page becomes a beautiful one.
  4. JavaScript — Making a Page Do Things 🔒JavaScript is the behavior of a web page — the part that listens, then responds when you click, type, or scroll. Here's what it adds.
  5. How a Browser Builds the Page 🔒A browser reads your files and assembles them into the page on screen. Watch the construction crew do its work, step by step.
  6. Where a Website Lives 🔒A website has to live on a computer that's always on, ready for visitors. Meet servers and hosting in plain terms.
  7. Domain Names — The Address of a Site 🔒A domain name is the friendly address you type to reach a website. Here's how a name leads a browser to the right server.
  8. Publishing — Taking a Site Live 🔒Going live means copying your files to the server and opening the doors. Here's what "deploying" a website really means.
  9. The Whole Journey of a Web Page 🔒From three plain files to a live page in a stranger's browser — the entire story of how a website is made, in one piece.

What you get

  • 📚
    9 plain-English lessons, taught by Pip — no jargon, no prior tech knowledge needed.
  • A quick quiz after every lesson, so what you learn actually sticks — and your progress saves as you go.
  • 🎓
    A verifiable Portmint Certificate when you finish — reviewed by a real person, and worth listing on your résumé and LinkedIn.
  • ♾️
    Lifetime access, yours for good — learn at your own pace, revisit anytime.
  • 🐙
    Ask Pip anything as you learn — he's right here on the page.
  • 💚
    Free for Portmint employees — just sign in with your Portmint account.

Start free — unlock the rest when you're ready

The first 1 lesson is a free preview. Then $99 unlocks all 9 lessons plus the certificate — yours for good, no subscription.

Start the free preview →

🎓 Capstone — build it, share it, get certified

Finished the lessons? Prove it. Build a one-page personal website with a styled bio, a photo, and a working contact link that uses what you learned here, then share it publicly and thank Portmint for the education, and email it to capstone@portmint.net. A real person on the Portmint team reviews every submission — pass, and you earn a verifiable Portmint Certificate worth listing on your résumé and LinkedIn. (Optional, but it's how a course becomes something real.)

Submit my capstone →