A website is a page (or several) that your browser displays. And a page is a stack of 3 zones: header, content, footer. Assemble your first page. 👇
01 · What it is02 · URL & domain03 · HTML…
The game · assemble a page
The 3 zones of a page
Click the zones (top→bottom order): they add themselves to the page in the browser.
🧱 Zones
🖥️ Browser preview
https://my-site.com
Empty page — click a zone 👈
🎉 Your page exists! Header (logo, menu) → content (the heart) → footer (info, links). Almost every page on the web follows this layout. A site = one or more of these pages, displayed by the browser.
What this teaches you
One page, three zones
🧱 Header / content / footer
The header welcomes (logo, menu), the content carries the message, the footer gathers contacts and useful links.
🖥️ Displayed by the browser
Chrome, Safari, Firefox read the page's code and draw it. A site is these pages linked together.
Check that you got it
2 quick questions
1. A web page is made of…
Right: header, content, footer. This layout appears on almost every site.
2. Who displays the page on screen?
Right: the browser reads the code and draws the page. It's your window onto the web.