Planning and Foundations

How Websites Work

Learn to understand browsers, servers, files, domains and URLs and explain the basic publishing chain in this beginner-friendly website development lesson.

Adult learner planning, coding, testing and publishing a responsive website

From idea to published website

Plan the audience, structure content, build with suitable tools, test carefully and publish a recoverable package.

Learning outcomes

  • Explain how to understand browsers, servers, files, domains and URLs.
  • Complete the guided practice safely.
  • Check that you can explain the basic publishing chain.

Before you begin

Work on a practice copy, keep filenames lowercase and hyphenated, and create a backup before changing a live website.

Open official guidance ↗

Step-by-step instructions

  1. Open the relevant project page, file or WordPress screen and confirm you are working on a safe practice copy.
  2. Trace a page request from address to displayed content.
  3. Inspect the result using browser tools or WordPress Preview; do not publish yet.
  4. Check keyboard use, mobile layout, content accuracy, links, images and privacy where applicable.
  5. Confirm that you can explain the basic publishing chain, then save a clearly named version or backup.
Ian's practical tip: Preview first, test at desktop and mobile sizes, and keep a recoverable copy before publishing.

Practical activity

Trace a page request from address to displayed content. The expected result is to explain the basic publishing chain.

Completion checklist