Publishing a Website

💻 Computer Science Years 6–10 Foundation

Turning your local HTML, CSS and JS files into a live site: uploading them to an always-on web host, pointing a domain name at it, and following the build, deploy, test and go-live steps.

Open this lesson, with practice and a printable worksheet →

Right now your website is a folder of files sitting on your own computer. Only you can see it. To turn it into a real site — one your friend across the country can open on their phone — those files have to move somewhere that is always switched on and always connected. That somewhere is a web host, and getting your files there is called publishing.

Why this matters: A brilliant site nobody can reach is just homework. Publishing is the step that turns your private files into a live page anyone in the world can visit — and understanding it explains what a domain name really is, why a host has to run day and night, and why the version people see can differ from the one on your laptop.
your PC HTML CSS JS (local files) WEB HOST always on live URL anyone can visit upload serve
Upload your local files to a web host, and it serves them at a live URL.

The web host: a computer that never sleeps

A web host is a server — a computer that stays on all day, every day, connected to the internet, waiting to hand out your pages. You cannot use your own laptop for this: the moment you close the lid, the site would vanish. So you rent a slice of a host's server and copy your files onto it. This copying step is called uploading or deploying.

A domain name points to your host

People need an easy address to type, like mysite.co.uk. That is a domain name. You buy it (usually a small yearly fee) and set it to point to your host, so anyone typing the name is sent to your files. A domain name is like your house address — it does not hold your site, it just tells visitors where to find it.

mysite . co . uk your name type of site country (UK)
A domain name reads right-to-left: country, type of site, then your chosen name.

One host, visitors everywhere

The best part: you upload once, and the same host serves that one copy to everyone, wherever they are. A visitor in Leeds and one in Lahore both receive the very same pages from your host. You never send anything to them yourself — the host does all the delivering, over and over, automatically.

HOST visitorvisitor visitorvisitor
One uploaded copy; the host serves it to every visitor, wherever they are.

The four steps: build, deploy, test, live

1 build 2 deploy 3 test 4 live
Publishing in order: build the files, deploy them, test the live copy, then go live.

Publishing follows a tidy order. Build your files (HTML, CSS, JS) and check they work locally. Deploy — upload them to the host. Test the live version in a browser, because the host can behave slightly differently from your machine. Then go live: share the address so people can visit. Later, when you improve the site, you simply deploy again to update it.

TermWhat it is
Web hostAn always-on server that stores and serves your site
Domain nameThe easy address (e.g. mysite.co.uk) that points to the host
Deploy / uploadCopying your files onto the host
Local versionThe files on your own computer, seen only by you
Published versionThe live copy on the host that everyone sees
Worked scenario: You finish a bake-sale page. (1) You build and check it opens correctly on your laptop. (2) You deploy it by uploading the files to a free host. (3) You test the live URL on your phone and spot a missing image, fix it, and deploy again. (4) You go live by sharing bakesale.mysite.co.uk. Now anyone can visit.
Common mistake: Thinking the site is live the moment it works on your own computer. Your local files are private to you; nothing is public until you have deployed a copy to a host. Editing the file on your laptop changes nothing online until you deploy again.

Tip: Free hosting is perfect for learning and small projects. Paid hosting usually adds your own domain name, more space and no adverts — worth it once a site is real, but not needed to start.

Get the printable worksheet →
← Forms & User Input → Front-end & Back-end
← Sasta Basta home All subjects