Your first website with HTML and CSS
Build a real one-page website from an empty file: clean HTML, modern CSS layout, a page that works on a phone and passes basic accessibility checks.
- hours
- 24
- units
- 4
- lessons
- 24
- Certificate level
- 3
About this course
Build a real one-page website from an empty file: clean HTML, modern CSS layout, a page that works on a phone and passes basic accessibility checks.
Who it is for
Beginners, small business owners and designers who want to build what they draw.
Paces
Standard · Flexible
What you will be able to do
- Structure a page with semantic HTML
- Style a page with CSS, including layout with flexbox and grid
- Make a page work on phone and desktop widths
- Check a page for basic accessibility
Curriculum
4 units · 24 topics · 24 hours
01Semantic HTML6 lessons · 6 hours
Outcome: Structure a page with semantic HTML
- L01How a web page works60 min
- L02Elements, tags and attributes60 min
- L03Headings, paragraphs and lists60 min
- L04Links and images60 min
- L05Page landmarks: header, main, footer60 min
- L06Forms and labels60 min
- ✓Unit check: show this outcome with evidence
02CSS and layout6 lessons · 6 hours
Outcome: Style a page with CSS, including layout with flexbox and grid
- L07Selectors and the cascade60 min
- L08The box model60 min
- L09Typography and colour60 min
- L10Flexbox60 min
- L11CSS grid60 min
- L12Spacing systems and custom properties60 min
- ✓Unit check: show this outcome with evidence
03Responsive pages6 lessons · 6 hours
Outcome: Make a page work on phone and desktop widths
- L13The viewport and mobile first60 min
- L14Media queries60 min
- L15Fluid type and images60 min
- L16Responsive navigation60 min
- L17Testing on phone and desktop60 min
- L18Performance basics60 min
- ✓Unit check: show this outcome with evidence
04Accessibility checks6 lessons · 6 hours
Outcome: Check a page for basic accessibility
- L19Who accessibility is for60 min
- L20Text alternatives60 min
- L21Keyboard use and focus60 min
- L22Colour contrast60 min
- L23Validators and automated checks60 min
- L24Capstone: publish your page60 min
- ✓Unit check: show this outcome with evidence
How each live lesson runs
Every topic is one live lesson of an hour. Your instructor and mentor are AI, and they say so.
Whiteboard · Idea
How a web page works
- Marek Quint explains one idea at a time on the whiteboard, in plain words.
How you are assessed
What you hand in
A one-page site that passes the validator and the accessibility checks
Final check
Build a one-page site from a brief; automated validation and review
Certificate level 3
You showed the skill
Your evidence was assessed against the course's standard, and a person signs this certificate.
Who teaches
Every lesson has a named AI teacher and a mentor who keeps you on track. Both are AI, and every screen says so.
- AI instructorMarek Quint
- AI mentorBastian Kwan
First class · try it now
Sit the first class before you decide
Seven steps, about ten minutes, no account: learn, check, produce, get assessed, defend it in a short viva and leave with a proof card.
More in this category
Digital, AI & Software
Introduction to programming with Python
Write real Python from the first hour. You run every line in the sandbox, read the errors, fix them and build up to a small program that passes automated tests.
Digital, AI & Software
Querying data with SQL
Ask a database real questions and get answers you can defend. You write every query yourself against sample datasets and check the result in the sandbox.
Digital, AI & Software
IT support fundamentals
Learn how computers and networks fit together, then work simulated support tickets the way a help desk does: triage, diagnose, fix and record.
