step1-01

How the Web Works

A simple web page is rendered on the screen via the following steps

There are many sub steps in this process but these are the highlights

1. You instruct the browser which webpage you'd like to see
2. The browser looks up the site in a 'DNS Server'
   • This is like a big phone book for website server addresses
3. The browser asks the server to send over a specific page of the website developer.mozilla.org/filename.html or developer.mozilla.org
   • If asked for a 'root' level address, most servers will return 'root'/index.html
4. The server sends the HTML file back to the browser
5. The browser starts to read the HTML file from the top to the bottom, *stopping any time that additional resources are required
   • CSS stylesheets
   • JavaScript files
   • Fonts
   • Images
6. Browser makes requests for additional resources
   • Those resources might request even more files
7. Once the browser gets to the bottom of the page it can start rendering, and then load the page

Next Step

HTML Demo