Skip to main content

How Websites Work

How does the World Wide Web Work?
What Is a Website Made Of?

November 25, 2014

Mr. Altenberg

 

The Invention/Creation of the World Wide Web:

The first ever website was published on August 6, 1991 by Tim Berners-Lee, the creator of the World Wide Web, while he was working for CERN (European Organization for Nuclear Research).

The original page was not saved, but a version of that first page was recorded in 1992 and a copy of that page can be found at www.w3.org/History/19921103-hypertext/ hypertext/ WWW/TheProject.html.

The World’s First Web Server

 

Berners-Lee invented the WWW based on several already existing technologies:

the Internet itself, including TCP/IP and DNS

Hypertext links, which were already in use on the Internet, and popular on an earlier service similar to WWW, called Gopher.

He also invented several new technologies that
“put it all together” in a brilliant new way:

HTML: hypertext markup language, the language in which web pages are coded

HTTP: hypertext transfer protocol, the rules for how web pages are sent from servers to clients

web browser: the software used on a client machine that uses http to access websites

How the WWW Works

When you type in an address, like www.google.com, the DNS finds the server where that website lives, and sends a request to the server.

The server then sends the web page to your machine.

What is a Web Page Made of?

The overall page and text you see is in a text file written in HTML (hypertext markup language).

Images are separate files, and can be .jpg, .gif
or .png files.

Audio or video are also separate files, and there are several file types that can be used on the web.

You can view the “source code” of any web page:

In Firefox: Ctrl-u or View à Page Source

In Chrome: Ctrl-u (no menu in Chrome)

Let’s look at some web source code

Go to any of these pages, then type Ctrl-u:

www.google.com

www.eahall.pvusd.net

www.time.com

www.agoramediaservices.com

You choose some…

Let’s make a simple web page

Open Notebook

Type the following

<html>

<head>

<title>This is the title</title>

</head>

<body>

<h1>This is the main page heading</h1>

<p>This is a paragraph.</p>

</body>

</html>

 

Now save your web page file:

Go to File à Save (or Ctrl-s).

Change Save as type: from Text Documents (*.txt) to All Files (*.*)

Select (click on) Desktop on the navigation menu.

Name your file index.html. Click Save.

Now go to your desktop and double click on your file. Look, your web page opened in a browser!

Now, for your WordPress Website

The web page you just made is static: it won’t change until you edit it and save your changes.

A website can also be dynamic, when you use a Content Management System (CMS) to create it.

WordPress is the #1 CMS in the world, because it is so easy to use — yet very powerful.

Go to www.wordpress.com. Enter the name of the website you want to create.

1. Find an available website name

2. Register using your email

3. Scroll to bottom, click Create Blog under the FREE option.

Add a “tagline” if you want
(You can also change from English to Español if you want)

Select Reddle Theme

Skip the nest Step (Customize)

Share on Facebook or Twitter

Write your first post!