← Code

Your site, for real

Bring any page you have made (hand-built, Bootstrap or Vue) and get it ready for real people: check it works for everyone, then put it online. No new framework: it works the same on every page.

Start1. Pages for everyone

Ready for real people

Check a page works for everyone, then download it, check its files and paths, and publish it.

1Pages for everyoneNot started

Check a page works for everyone: pictures described with alt, headings as the page's outline, labels joined to their boxes, links that say where they go, readable colours; then test it with a classmate.

  1. Predict
  2. Run
  3. Investigate › Find the fixes
  4. Investigate › Spot the bug
  5. Modify › Describe the pictures
  6. Modify › Name the boxes
  7. Check your own page
  8. Where this leads
Start lesson
2Put it onlineNot started

A website is a folder of files: download the page and every file it uses, make every path relative, test the folder on your own computer, then publish it to a host.

  1. Predict
  2. Run
  3. Investigate › Where does it look?
  4. Investigate › Safe to publish?
  5. Investigate › Spot the bug
  6. Modify
  7. Where this leads
Start lesson

Progress is saved in this browser only. Nothing is sent anywhere.

For teachers: Teacher guide (notes, answers, solutions, slides and worksheets)