Exercise 1-1 Visit some Internet websites

In this exercise, you'll visit some Internet websites and view the source code for those sites.

Visit the author's website with Chrome

1. Start Chrome.
2. Enter www.modulemedia.com into the address bar and press the Enter key. That should display the home page for this website. Here, JavaScript is used to rotate the images at the top of the page.
3.  If you're using a Windows system, enter "modulemedia" into the address bar, hold down the Ctrl key, and press the Enter key. If this works, it will add www. and .com to your entry. This is a quick way to enter the URL for a .com address.
4. Use one of the techniques in figure 1-13 to view the source code for the home page. Here, the three link elements identify the CSS files that do the formatting for the page. This is followed by three script elements that identify JavaScript files.
5. If you scroll through this code, it probably looks overwhelming, even though this site is relatively simple. By the time you complete this book, though, you should understand the HTML and CSS that it uses.
6. Click on the underlined value of the href attribute in the first link element. That should open the first CSS file for this page. This shows how easy it is to access the HTML and CSS code for many (but not all) sites.

Visit other websites

    7. Go to www.landsend.com, find a page like the one in figure 1-5, and experiment with the image swaps and rollovers. Those are done by JavaScript after all of the images are loaded with the page.

    8. Use Chrome to visit other websites and view the source code for those sites. When you're through experimenting, go to the next exercise.