The different parts of a website, and what they should cost

Created 11th July 2024

In this article we breakdown all the different parts that are needed to create a working website, and their associated costs based on them being cheap websites. These aren’t just bits and bobs we think you should have, but rather things that are absolutely necessary for a modern website to function.

Article Photo

Let’s just say a website is just like a flat-pack wardrobe - you’ll see why in a minute.

The Code (the actual website)

OK, so this might be a patronising place to start, but the entire web runs on code. Like words make a book, code makes a website. The code used by websites is essentially a set of instructions in a language that your web browser understands in order to draw and display your webpages correctly on every computer in the world. Just like an instruction manual for a flat-pack wardrobe might be in English, Spanish, or Japanese for us humans to follow - the language that your web browser understands is called HTML, and it downloads the HTML instruction manual (the code) for the website you’ve asked for, and puts that website together on your screen.

The Code = Instruction Manual

Images

In order to build your flat-pack wardrobe, you’re gonna need some panels, screws and fixings, which are already made (and hopefully included) so you don’t have to break out your carpentry and blacksmith skills. The instruction manual tells you which screws to use and where to insert them. Images on websites are exactly the same. The code instructs the browser to ‘Grab Image-2 from the folder and insert it under the paragraph you just put together’.

Images can be logos, photos, diagrams or background graphics that make your website look a lot nicer.

Images = Pre-made Wardrobe Parts

Hosting Server

So before you go and get one, the flatpack wardrobe you want lives in a warehouse right? …usually a Swedish one. Well the hosting server is the warehouse where the code and images actually live before you ask to take it home.

Hosting Server = Storage Warehouse

Domain Name

So warehouses are very technical, inaccessible places with no warmth or identity they don’t help you to imagine what your new wardrobe will feel like in your home …and that’s why furniture shops exist. They’re far nicer places that are way more relatable, and they attract people way more than industrial warehouses do. Each shop tends to have its own identity which makes them far more memorable than a cold generic warehouse.

So the domain name (aka web address or URL) is the memorable and relatable shop. You type an easy-to-remember domain name into your browser and that lets the browser grab the right folder on the hosting server containing all the bits for that website, just like a shop assistant will order the particular flat-pack from the warehouse and get it delivered to you ready to put together (hopefully containing a wardrobe).

Hosting servers are very technical environments and use a system of numbers called IP addresses. A domain name is a very necessary way of changing 192.168.1.555 into Pixel Club.co.uk - or whatever

Domain Name = Easily Accessible Shop

Security Certificate

Oh how to keep up the wardrobe analogy for security certificates without going super nerdy?

Have you noticed how website nowadays have https at the start (and probably a little padlock), rather than just http? Well that ’S’ added to the end stands for SECURE.

It’s like the shop (Swedish or otherwise) demanding to see ID with your address on it (in order to prove you are who you say you are, and you live where you said you do) before they’ll deliver your wardrobe. Or better still, it’s a credit check.

Without producing valid ID and proof of address, your experience at the furniture shop will be very inhospitable indeed, and you’ll never go back. Websites without security certificates are no different.

If your website doesn’t have a security certificate, https won’t work, your website won’t be considered secure and most browsers will display the below warning message (instead of your actual website) - essentially scaring all your visitors away.

Article Photo Security Certificate = ID / Credit Check

So what does all this cost?

We’ve compiled the below examples from different well-known cheap website providers and then compared them to our way of doing things. We're not including any expensive, bespoke providers here, we're being fair and keeping all comparisons to companies that offer cheap websites only. Hopefully this article has helped you understand what parts go into making a working website (and you didn’t mind us selfishly showing off at the same time).

Website Essentials

Website Luxuries

We love it when companies do things properly, make things as simple as possible and offer everything you need with no catch or hidden fees. So we thought we'd be like that too.

More News...

Circle

PixelClub Websites ready to take on the big boys of budget website supply. We'll keep you posted!

PixelClub Websites Accreditations

Platform designed by Serosensa Creative