Phase 1: Framing — HTML
The structure of the house. Every page you ever build starts here, and good structure quietly solves accessibility and search ranking for free.
1.1Your first web page, from a blank fileCreate an .html file from nothing and open it in a browser. The moment it stops being theoretical.Build20 min+20 practice1.2Text: headings, paragraphs and listsStructure written content so a reader — and a screen reader, and Google — can follow it.Build25 min+20 practice1.3Links: the thing that makes it a webConnect pages to each other and to the wider internet, and know when to open a new tab.Build25 min+30 practice1.4Images, video and file pathsPut media on a page, write alt text that matters, and never fight a broken image path again.Build25 min+30 practice1.5Semantic HTML: naming rooms, not just building themUse header, nav, main, article and footer correctly — the difference between amateur and professional markup.Quiz25 min+15 practice1.6Forms: how users talk backBuild a contact form with the right input types, labels and validation, ready to be wired up later.Build30 min+30 practice1.7Tables, and when not to use themPresent real tabular data properly, and recognize the layout mistake that dominated the web for a decade.Quiz20 min+10 practice1.8Accessibility: ramps, not just stairsBuild pages that work for keyboard and screen-reader users — a legal requirement in many markets, and simply correct.Explain25 min+45 practice
Phases 2 to 8 (CSS, JavaScript, tools, servers and a finished project) are in the full pack. See what is in it.