The Web

Let’s break down the internet into its simplest form, website names (URLs) and website files.

Names

Just like your personal computer is organized by names and files, a web computer (server) operates in a similar manner when it distributes a website.

Here’s an oversimplification of the process to use a URL to obtain a website:

Graphic showing how computers use names of websites to reach files that compose websites.

To experience this process, we’re going to role play these steps:

Outline showing how computers use names of websites to reach files that compose websites. This outlines our simulation.

Files

All types of files can be transferred to your computer and visualized using a web browser. Let’s explore two file types commonly used to construct websites, HTML and CSS.

Download your work from above and retain it for our future sessions.

Terms

URL (aka Domain) – Text that identifies a particular website on the internet. URLs are paired with a particular IP Addresses (see DNS).

IP Address – A series of numbers that identifies a particular computer on the internet. These numbers look like this: 127.0.0.1 and you can check your current IP address using whatismyipaddress.com.

DNS Server – Domain Name System (DNS) servers are used to translate between URLs and IP Addresses in order to find the correct web server when a URL is requested.

Web Server – The computer that stores and distributes website files. These computers are only identifiable by their IP Address.

Web Browser – The software on a computer to read and visualize website files after they’re received from a web server. Website files consist of .html and .css (and more) file types.

HTML – HyperText Markup Language (HTML) is the standardized code of web page content. For example, bold text is coded like so: <b>This text is so BOLD.</b>

CSS – Cascading Style Sheets (CSS) is the standardized code of web page formatting. For example, colored text is coded like so: p { color: blue; } meaning all HTML text that uses the <p> formatting like so: <p>will be blue</p>.