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 Index.html

Almost every website you encounter has a master HTML file called the index. There can be multiple index files on a site, but at least one index is the homepage of the site.

You are going to create a lot of files labeled index.html. Like stated earlier, when a URL is passed to a browser that does not specify a file, the browser automatically requests index.html from the host server.

Directory Tree

.
├── index.html 
├──  css/
│   └──  style.css
├──  images/
│   ├──  photo-1.jpg
│   └──  photo-2.jpg
└──  pages/
    ├──  about.html
    ├──  contact.html
    └──  gallery.html

Neat-O Essentially, this means something like http://baseurl.com and http://baseurl.com/index.html are the same! (This is not true for all websites, but for many.)

development directory index request url