All Units
Unit 1beginner
50 min

How Websites Actually Work

Understand the building blocks of websites so you can talk about them intelligently with developers and vendors.

Key lesson

A website is made of code files hosted on a server, accessed through a domain name, and displayed by a browser.

Start Learning
Learning Objectives
  • Explain how domains, DNS, hosting, servers, and browsers work together.
  • Distinguish frontend, backend, CMS, static sites, and dynamic sites.
  • Connect SSL, caching, CDNs, and responsive design to trust, speed, and conversion.
  • Ask sharper questions before buying, rebuilding, or troubleshooting a website.
  • Spot common launch and ownership risks before they become expensive.
Unit Content

What happens when someone visits your site

A website visit starts with a domain. DNS translates that domain into a server location, the browser requests files from the host, and the server sends back code and assets that the browser turns into a page.

A problem at any step can look like "the website is down." The domain might be expired, DNS might point to the wrong host, SSL might be broken, hosting might be offline, or a browser might show an old cached version.

Website stack in one sentence

A domain is the address, DNS is the lookup system, hosting is where files live, servers respond to requests, and browsers turn code into pages.

Domain, DNS, hosting, and SSL

Your domain is a brand and access asset. Someone should know where it is registered, when it renews, who can access it, and which DNS records control web and email traffic.

Hosting is the infrastructure that serves the site. A simple brochure site can use simple managed hosting; a busy store, portal, or app needs stronger performance, monitoring, backups, and support expectations.

SSL encrypts traffic and creates the padlock users expect. If SSL is missing or expired, browsers may warn visitors before they see your offer.

Frontend, backend, and CMS

The frontend is the visible experience: layout, buttons, forms, images, mobile behavior, and interactions. It affects clarity, trust, and conversion.

The backend is the hidden logic: saving forms, processing payments, managing accounts, connecting APIs, and reading or writing database records. It affects reliability, security, and what the site can actually do.

A CMS lets non-developers update content without code. It saves time when content changes often, but it also adds permissions, workflow, plugin, and maintenance decisions.

Static, dynamic, cached, and distributed

A static site serves prebuilt pages and is often fast, secure, and inexpensive. A dynamic site generates content based on data, user identity, inventory, account state, or other changing conditions.

Caching stores copies so repeat visits load faster. A CDN stores copies near visitors around the world. Both improve speed, but both can make updates appear delayed if cache rules are not understood.

The right choice depends on business needs: personalization, user accounts, real-time data, frequent editing, global traffic, and budget.

Responsive design and browser testing

Responsive design means the site adapts to phones, tablets, laptops, and large screens. It is not just shrinking a desktop page; it requires decisions about navigation, spacing, forms, images, and priority on small screens.

Browsers do not behave identically. Launch review should include common browsers and real mobile devices when possible. "It works on my laptop" is not enough for a public business site.

Questions and failure signs

Ask who owns the domain, DNS, hosting, CMS admin account, analytics account, and backups. Ownership should sit with the business, even if a vendor manages the work.

Watch for vague hosting answers, no documented access, no staging process, no mobile QA, no backup plan, and no explanation of how forms, analytics, or third-party tools are tested.

Plain-English version

Think of a website like a small shop. The domain is the street address, DNS is the directory that tells people where the shop is, hosting is the building, the server is the staff member who opens the door, and the browser is the visitor walking around inside.

That comparison is not perfect, but it gets you close enough for better conversations. When someone says "the site is broken," your next question should be: which part of the chain is broken?

A normal business example

Imagine you hire an agency to rebuild your site. They make the pages look great, but launch day gets messy because the old vendor controls DNS, nobody knows where the domain renews, and the contact form sends leads to an inbox no one checks. That is not a design problem. It is an ownership and setup problem.

A better project plan includes a simple launch checklist: domain access, DNS records, hosting, SSL, redirects, analytics, form testing, backup plan, CMS training, and mobile review. Not glamorous, but very useful. The boring checklist saves the exciting launch.

Terms in practice

If a developer says "frontend," listen for anything users see or click. If they say "backend," listen for data, accounts, payments, logic, or integrations. If they say "CMS," ask who can edit content and who approves changes.

If they say "cache" or "CDN," the topic is usually speed or why a recent change is not showing yet. If they say "static" or "dynamic," the real question is whether the page is the same for everyone or changes based on data.

Your meeting cheat sheet

Ask: Who owns the domain? Where is DNS managed? Who hosts the site? What happens if the site goes down? How are forms tested? Who can edit content? Are backups tested? What browsers and devices were checked?

A clear vendor can answer these in plain language. If the answer is full of unclear jargon, slow down and ask for the simple version.

Practice Scenario

Website launch review

A vendor says the redesigned website is ready to launch tomorrow. You need to reduce launch risk before DNS changes go live.

  • List the access, ownership, backup, form, analytics, SSL, redirect, and mobile checks you would ask for before approval.
  • Separate must-have launch checks from items that can wait until after launch.
  • Write three plain-English questions that reveal whether the vendor has tested the full website stack.
Key Takeaways
  • 1A website is a chain of domain, DNS, hosting, server, browser, code, and content decisions.
  • 2Frontend controls the user experience; backend controls the work behind the scenes.
  • 3Static and dynamic sites solve different business problems.
  • 4Speed, SSL, caching, CDNs, and responsive design affect trust and conversion.
  • 5Ownership and access documentation are part of website quality.