Current Assignment(s)

P1: The Live Site
P1 Workshop (Submission)
Due 11:55PM Wednesday, 10.03

Browsers

Web Browsers Brief History of Browsers Browser Stats TODO

Adding HTML

HyperText Markup Language Processing and the DOM Elements Tags TODO

Document Elements

The 4 Main Document Elements 1. Document Type 2. The Root Element 3. The Head Element 4. The Body Element Review: The 4 Main Document Elements TODO

Paragraphs

Paragraphs Using Basic Paragraphs Using Spaced Paragraphs Using Preformatted Paragraphs TODO

Empty Elements

Only One Tag Required Line Breaks Horizontal Rules The Image Element TODO

The Internet's File Cabinet

File- vs Directory-Based URLs Via the Root Directory Via a Child Directory Via Referenced Files TODO

Index.html Files

The Index.html Part 1 - Creating a New HTML File Part 2 - Adding Elements Part 3 - Pushing to GitHub.com Part 4 - Creating an index.html TODO

Going Live

Showing the World Creating a Website with GitHub Pages Go Live - Make Your Repo a Webpage TODO

Snooping

Inspection and History Snooping on Others The Internet of Yesteryear TODO

The Internet of Yesteryear

Google as a snail-mail service

The Wayback Machine allows you to see what certain websites looked like at different points in history. This may not be the best resource for learning how to code a website, but it does allow you to get a sense for how a company may have viewed their brand over time, how the web used to look, or retrieve information from the past that is no longer live. It’s also the coolest way to spend a Saturday night.

The resource is the Internet Archives Wayback Machine. For example, let’s look at the history of www.umt.edu.

At the moment I took this picture, the page tells us, there have been 2024 snapshots taken of this site since the Internet archive began, dating from Feb. 19, 1997 to Feb. 01, 2017.

I am going to select the year 2000, and the date June 16th, 2000.

That shows us what the University of Montana’s main site looked like at that moment in history. Definitely has a retro feel now, especially with that logo graphic.

Some other great examples include:

development browser history website