Website Fundamentals.

History reading recap
Responses Q & A
Client / Server relationship
Document parsing
Web Standards
File types and folder structures

History Reading Recap: About the Authors

Vint Cerf
Internet Badass & Legend
Chief Internet Evangelist @ Google

Mark Pilgrim
Book writer & infosuicide guy
Developer Advocate @ Google

History Reading Recap: Timeline

History Reading Recap: Timeline

History Reading Recap: Important Points

1.) Client / Server relationship
2.) HTML Document Parsing
3.) Web Standards

Responses Q & A

Notable observations / questions

• The internet is old
  • ...like, The Beatles old.
    
    
• 99% of sites contain errors
  • Sorry, we're not perfect :(
  • This fact drove the development of HTML5.
    
    
• There are a lot of politics involved
  • Devs need something to talk about at the water cooler.
  • HUGE stakeholders - think about the money Apple has invested in Mobile Safari

1. User types in a URL
2. Client sends request to server for one file
   http://www.website.com/some/file.html --->
3. Server searches for /some/file.html & sends it back
   <--- file.html
4. Client parses file
5. Repeat steps 2 - 4 as necessary
6. Client renders website to user »

File Types and Folder Structures

When you type in a URL
(e.g., http://dennisplucinik.github.com/Parsons)

1. The browser makes a request to the server
   http://dennisplucinik.github.com/Parsons
2. and requests a specific file
   http://dennisplucinik.github.com/Parsons/index.html
3. The server searches it's internal folders for the file
   http://dennisplucinik.github.com/Parsons/index.html
4. and then sends it back to the browser. »

Document Parsing

• HTML files are just text files (there's no magic involved)
• The browser just reads it as instructions on how to display the page

Web Standards make our lives easier.

Questions?

Assignment #1:
Edit and upload test file to Newschool webspace

• First we need access your webspace
• Your web space is accessed via SFTP, which is another way for computers to talk over the Internet.
• We will be using an application called Fetch.

Using Fetch to make an SFTP connection.

After opening Fetch, you should be presented with a "New Connection" window. Here's how to use it:

• Hostname: webspace.newschool.edu
• Username: Your NetID (e.g. plucinid)
• Connect Using: SFTP

Edit, Upload, and good luck

• File: assignment_one.zip
• Edit the index.html file. Replace "edit this text" and "edit this title".
• Verify your upload:
  http://webspace.newschool.edu/~[YOUR_NETID]/20120203/