Demystifying running a website: every piece of the puzzle, in plain English

A website can feel like a black box - you pay some money, a site appears, and a handful of mysterious bills turn up each year. This guide opens the box. We'll walk through every moving part, what each one does, and how they click together - no technical background required.

When people picture a website, they usually picture the pages they can see: the homepage, the photos, the words. But a working website is really a small team of separate services, each doing one job. Once you can name those jobs, the whole thing stops feeling mysterious - and you can make confident decisions about what you’re paying for and why.

🧩 The analogy we'll use

Think of your website like a shop. It needs an address so people can find it, premises to actually exist in, a fit-out so it looks the part, a way for customers to get in touch, and a bit of upkeep to keep the lights on. Each section below is one of those jobs.

1. The domain name - your address

Your domain name is your address on the web: yourbusiness.co.uk. It’s the thing people type in, put on a business card, or click from Google. You don’t buy a domain outright - you register it, which is more like a lease. You pay an annual fee (typically around £10–£15 a year for a .co.uk or .com) to a company called a registrar - names you might recognise are Cloudflare, Namecheap, GoDaddy or 123 Reg.

The single most important thing to know: you should own your domain, registered in your name or your business’s name, on an account you control. It is the one piece of the puzzle that is genuinely yours and very hard to replace. Whoever builds your site can manage it for you, but the account should ultimately be yours.

2. DNS - the directory that points the way

Owning the address isn’t quite enough. When someone types your domain in, their browser needs to know which computer on the internet to actually fetch your site from. That translation - from a friendly name to the right destination - is the job of DNS (the Domain Name System).

🧩 In plain terms

DNS is the internet’s phone book. You look up a name (yourbusiness.co.uk) and it gives back the number needed to connect. Your domain comes with a set of DNS records - little signposts - that say “the website lives over here” and “email for this domain is handled over there”.

You rarely touch DNS yourself, but it’s worth knowing it exists, because it’s what’s being changed when a site “goes live” or moves to a new host. Updates can take anywhere from a few minutes to a few hours to spread across the internet - that delay is normal and is called propagation.

3. Hosting - where your website actually lives

Your website is a collection of files, and those files have to sit on a computer that’s switched on and connected to the internet 24/7, ready to send your pages to anyone who asks. That computer is a server, and renting space on one is called hosting.

Hosting is the shop premises in our analogy - the physical space your shop occupies. Costs vary enormously depending on what you need, from a few pounds a month for a simple site to much more for a busy online shop. For most small business sites it’s modest. The host’s job is to be fast, reliable, and online whenever a customer visits.

A quick note on a phrase you’ll hear: static versus dynamic sites. A static site is built ahead of time into plain files and simply served as-is - it’s extremely fast, secure and cheap to host. A dynamic site assembles each page on the fly (think of a large shop with constantly changing stock). Most small business websites are best served as fast static sites.

4. The website itself - the fit-out

This is the part you actually see, and it’s built from three languages working together:

HTML is the structure - the headings, paragraphs, buttons and images. The bricks and shelving.
CSS is the styling - colours, fonts, spacing and layout. The paint, signage and overall look.
JavaScript is the interactivity - menus that open, forms that respond, the light/dark switch. The bits that do something when you click.

When you hear about tools like WordPress, Squarespace, Webflow or frameworks like Astro, these are all just different ways of producing those three ingredients. The right choice depends on how often you’ll update the site, who’ll do it, and how much performance and control matter to you.

5. The code repository - the master copy and its history

Behind a well-built site is a code repository (or “repo”) - the authoritative copy of every file that makes up your website, stored using a system called Git, usually on a platform like GitHub or GitLab.

🧩 Why it matters to you

A repo is like a document with full track-changes and unlimited undo. Every change is recorded, so we can see exactly what changed and when, and roll back instantly if something breaks. It also means your site isn’t trapped on one person’s laptop - it’s safely backed up and can be handed to another developer if you ever need to.

For you as the owner, the repo is a quiet form of insurance: history, backups and portability, all in one. It’s also what makes publishing updates safe and reversible.

6. Deploying - how changes actually go live

Making a change in the repo doesn’t immediately change the live site. The step that publishes those changes to the hosting server is called deploying. Modern setups do this automatically: when an approved change is saved to the repo, the site is rebuilt and pushed live within seconds, often with a preview link to check it first. No files dragged onto a server by hand, far fewer mistakes.

7. HTTPS and the padlock - keeping it secure

That little padlock in the browser bar, and the https:// at the start of your address, mean the connection between your visitor and your site is encrypted - nobody can snoop on it in transit. This is handled by something called an SSL/TLS certificate. The good news: these are now free and usually set up automatically by your host. A site without the padlock looks untrustworthy to visitors and is penalised by Google, so it’s non-negotiable.

8. Forms - how customers reach you (and the email you receive)

A contact or enquiry form looks simple, but a surprising amount happens in the background between a customer clicking “Send” and a message landing in your inbox. Here’s the whole journey:

A visitor fills in their name, email and message on your site and clicks Send.
Their browser bundles up what they typed and sends it to a small program that handles submissions - sometimes called a form handler or a serverless function. It’s a tiny bit of code that wakes up only when a form is submitted.
That program runs a few checks - most importantly, a spam check (more on that next) - to make sure the message is from a real person.
If everything looks genuine, the program hands the message to an email-sending service (such as Resend, Postmark or SendGrid), which composes a tidy email and delivers it straight to your business inbox.
You receive an email with the enquiry, usually set up so you can simply hit Reply to respond directly to the customer.

🧩 Good to know

The customer never sees any of this machinery - to them it’s just “I filled in a form and got a thank-you message”. And crucially, the form doesn’t expose your email address on the page, which keeps it away from address-harvesting bots. The enquiry form on this very website works exactly as described above.

Stopping spam

Left unprotected, public forms attract automated junk. Two common, invisible defences do most of the work: a honeypot (a hidden field that real people never see but bots tend to fill in - if it’s filled, the message is quietly discarded), and a verification check such as Cloudflare Turnstile or reCAPTCHA, which confirms a real human is submitting without forcing anyone to decipher wobbly text. The aim is a form that’s effortless for genuine customers and a dead end for bots.

9. Email on your own domain

There are two kinds of email worth separating in your head. The first is the notification email above - the message generated by your site when someone enquires. The second is your own mailbox: hello@yourbusiness.co.uk, which you log into to send and receive day-to-day email.

A branded address on your own domain looks far more professional than a generic Gmail or Hotmail one. This is a separate service (Google Workspace and Microsoft 365 are the usual choices, for a few pounds per mailbox per month) and is connected to your domain through those DNS signposts we met earlier. Getting those records right is also what keeps your email out of customers’ spam folders.

10. Being found - search and analytics

A beautiful site nobody can find won’t grow your business. SEO (search engine optimisation) is the ongoing work of helping search engines understand your site and show it to the right people - through clear content, fast loading, sensible structure and a few behind-the-scenes signals. Analytics (a privacy-friendly tool, ideally) then tells you how many people visit, what they look at, and where they came from, so you can make informed decisions rather than guesses.

11. Upkeep - the running costs and maintenance

Finally, the ongoing bits. A typical small business site has a few small recurring costs: the domain renewal (yearly), hosting (monthly or yearly), a branded mailbox if you want one, and occasionally a form or analytics service. Beyond the bills, light maintenance keeps things healthy - applying updates, fixing the odd broken link, refreshing content and keeping an eye on performance and security. It’s the equivalent of giving the shop a tidy and changing the window display now and then.

Putting it all together

So, the full cast: a domain for your address, DNS to point the way, hosting to live in, the website files (HTML, CSS and JavaScript) for the experience, a code repository to store and version it safely, deployment to publish changes, an SSL certificate for the padlock, a form handler and email service so enquiries reach your inbox, a mailbox for your own email, and a little SEO and maintenance to be found and stay healthy.

None of it is magic - it’s a handful of small services, each with one clear job. You don’t need to manage them yourself, but understanding what they are puts you back in control of your own online presence, and makes every quote and renewal far easier to make sense of.