Skip to main content
(714) 823-3164
Online Website Marketing, experts in local website marketing strategies, Chino California

How To Articles

How a Website Works, From the Domain to the Page on Your Phone

The domain, the DNS, the host, the CMS, and the browser, explained in plain English for people who have to buy one.

Call (714) 823-3164 or ask a question. Clear recommendations, even if we never work together.

A website works in four parts. A domain is the name people type. DNS points that name at a server. The host is the computer that stores your files and answers the request. The browser then downloads those files and draws the page on the screen.

Written by Terry Sr., FounderLast updated

The Four Parts Behind Every Website

Most people picture a website as one thing. It is really four things that have to agree with each other. The first is the domain, which is the name someone types. The second is DNS, a public address book that turns that name into a number. The third is the host, a computer that keeps your files and hands them out when asked. The fourth is the site itself, meaning the pages, images, and code that get sent. You can buy all four from one company or from four different ones. Trouble starts when nobody knows which company holds which piece. Here is a shape we see often. The domain sits with a registrar the old web guy set up, the host is somewhere else, and email runs through a third service. Nobody has all three logins. Then something goes down, and the fix takes two weeks of phone calls instead of ten minutes. Write down all four before you need them. Note the company, the login email, and who pays the bill. That one page of notes is worth more than most of the tools people buy.

Your Domain Is Rented, and DNS Is the Address Book

A domain is rented, not bought. You pay a registrar each year for the right to use the name. Miss the renewal and the name can go to someone else. Set it to auto renew and put a real email on the account, not one belonging to a person who left. Every server has a number, called an IP address, and DNS turns your name into that number. Your DNS records are a short list that says where each service lives. The A record points the web address at your host. MX records point your email at your mail provider. TXT records hold small notes, and a few of them decide whether your email gets trusted. Those records live wherever your DNS is managed, which is often the registrar but not always. Changes to DNS are not instant. Each record has a time to live, which tells other computers how long to remember the old answer. That is why a move can look finished on your phone and broken on your laptop for a few hours. Lower the time to live a day before a move, and the switch goes much faster.

What Hosting Actually Buys You

Hosting is a computer that stays on and answers requests. What you pay for is how much of that computer you get and who looks after it. Shared hosting puts hundreds of sites on one machine. It is cheap, and fine for a small site with light traffic, but a busy neighbor can slow you down. A virtual server gives you a fixed slice instead. Managed hosting costs more and includes updates, backups, and staff who know your software. For most local service businesses, managed hosting is the better buy. The money saved on cheap hosting gets spent back during the first bad week. Two host settings matter more than the sales page admits. The first is server response time, which is how long the host takes to send the first byte. Under 600 milliseconds is a fair goal. The second is backups. Ask how often they run, how long they are kept, and how you restore one yourself. A backup you cannot restore without a support ticket is not really a backup.

Where the Pages Come From: A CMS or Flat Files

Once a request reaches your host, something has to produce the page. There are two common answers. A content management system, or CMS, keeps your text and images in a database and puts each page together on the spot. WordPress works this way, and so do most site builders. The upside is that your office manager can log in and change a price. The downside is that every page view costs a little work, and the software needs regular updates. The other answer is flat files. Pages get built once, ahead of time, and the host simply hands them over. Nothing is assembled while a visitor waits, so these sites are fast and there is far less to attack. The trade is that edits usually run through a developer or a separate editing tool. Neither is better in the abstract. Pick by who edits the site and how often. A shop that posts a job photo every week wants a CMS. A five page site that changes twice a year does not need one. If you already run a CMS, the real question is how many plugins you have. Every plugin is code someone else wrote, and code you did not write is code you have to trust.

What Happens in the Second After Someone Taps Your Link

Here is the whole trip, in order. The browser asks DNS for your address. It opens a connection to your host and checks the security certificate. It asks for the page. Your host sends back the HTML, which is the text and the structure. The browser reads that file and finds everything else it needs. The stylesheet, the fonts, the images, the scripts. Each of those is another request. The page appears in stages as they arrive. This is why weight matters more than most owners expect. A page with fourteen scripts and six large photos is not slow because of bad luck. It is slow because you asked a phone on a weak signal to download two megabytes. Google measures a few of these moments and calls them Core Web Vitals. One is how long the biggest thing on screen takes to show up. One is how fast the page responds to a tap. One is whether things jump around while loading. You can see your own numbers in PageSpeed Insights for free. Look at the field data first, since it comes from real visitors rather than a test machine.

Where Design Ends and Development Begins

People use design and development as if they were one job. On a real build they are two, and they run in that order for a reason. Design decides what goes on the page and where. What a visitor sees before scrolling. Which question gets answered first. Where the phone number sits on a small screen. Those choices get made before anyone writes code, because moving a section in a drawing costs minutes and moving it in code costs hours. Development turns the approved drawing into a working site. That means the markup, the styles, the forms, the tracking, the security certificate, and the speed work. It also means the parts nobody sees. The URL structure, the sitemap, and the structured data that tells search engines what kind of business you are. A site can be lovely and technically broken, or technically clean and sell nothing. If you are hiring, ask who does each part. A designer who hands you a picture is not finished, and neither is a developer who builds whatever gets sent without asking questions. The useful question is simple. Who is responsible when the site looks right but the phone does not ring.

The Trip From Typed Name to Painted Page

Five steps happen every time someone opens your site. Knowing the order tells you who to call when it stops.

1DomainThe name someone types2DNS lookupName becomes a number3Your hostSends back the HTML4BrowserFetches images and code5Painted pageShows up in stages

A slow site is usually stuck in the last two steps, not the first three.

Who Holds Each Piece, and What Breaks Without It

Four or five accounts run a website, and they often sit at different companies. This is the page to keep in your file.

Fill in the company name and the billing owner for each row today, not the week something breaks.
PieceWhat it doesUsually held byWhat happens if it lapses
DomainThe name people typeA registrarThe name can be taken
DNSPoints the name at serversRegistrar or hostSite and email both stop
HostingStores and serves the filesA hosting companyPages return an error
CertificateTurns on the padlockThe host, often freeBrowsers warn visitors off
EmailRuns your mailboxesA mail providerMail bounces or vanishes

Fill in the company name and the billing owner for each row today, not the week something breaks.

The Website Details You Should Have Written Down

Each one is easy to collect while things work and painful to collect while they do not.

  • Where the domain is registered

    Company, login email, renewal date.

  • Where DNS is managed

    Often the registrar, not always.

  • The hosting account

    Company, plan, and who pays it.

  • The site admin login

    One account per person, never shared.

  • Who your mail provider is

    And which user is the admin.

  • How backups run and restore

    How often, how long, what steps.

  • Which licenses renew and when

    Names, dates, and the card used.

Three Words Vendors Use That Cost People Money

Staging is a private copy of your site where changes get tested. Editing a live site is how a quiet Tuesday becomes an emergency. If your setup has no staging, ask for one before the next big change.

Cache is a saved copy of a page, kept so the same work does not repeat. It makes sites fast, and it makes owners think their edits vanished. When a change does not show up, clear the cache before you panic.

A certificate is what turns on the padlock and the letters HTTPS. Most hosts issue them free and renew them for you. When one lapses, browsers put a full page warning in front of your site, and traffic stops that day.

Staging protects the site, cache protects the speed, and the certificate protects the visit. Ask any provider how all three are handled before you sign.

Would rather we handled it?

This article covers how to do the work yourself. If you would rather have it done for you, that is what our web design and development service is.

Web Design and Development

Frequently asked questions

Should I buy hosting and a domain from the same company?

You can, but keeping them apart is usually smarter. With the domain at a registrar and the site at a host, you can move hosts without moving the name. If one company holds everything and the relationship ends, you have one hard conversation instead of none. Either way, make sure both accounts are in your business name.

What is the difference between a website and a web application?

A website mostly shows information. A web application does work for the user, such as booking, accounts, quotes, or payments. The line is blurry, since a booking form makes a site part application. It matters for cost and upkeep. Applications need testing and care that a simple site does not.

How do I find out which platform my site runs on?

Ask whoever built it first. If nobody knows, look at the login page address, since most platforms use a standard one. You can also view the page source and look for a generator tag or the folder names in the file paths. Any developer can tell you in about a minute.

Does a website need updates if nothing on it changed?

Yes. The software underneath keeps moving even when your content does not. Security patches, platform versions, and browser changes arrive whether you asked or not. A site left alone for two years is usually running code with known holes in it.

Sources