Activity 1: Browsing the Web and Viewing Code

Instructions:

  1. One of the nice aspects of browsers is that they let us look 'under the hood' at the (X)HTML source code for the page we are viewing. This is a great way to learn how someone else accomplished a certain effect on their page.
  2. Launch either IE 7, Firefox, Mozilla, or Opera. While IE 5.x, IE 6, or NS 4.x could also be used, we mostly want to restrict those to testing our own code (especially IE 5.x and IE 6, since we are using a standalone version of the browser and not the full version, so it could freeze up).
  3. Look in the 'View' menu for a 'Source' or 'Page Source' option. Depending on the browser, this could open the code in Notepad, WordPad, or a special viewer that comes with the browser.
  4. Even though you are just starting out, look for tags and attributes. We will cover many (or all) of them in this course.
  5. At the end of the semester, view the source code of these sites again and you will be amazed at the difference - the code will make a great deal more sense to you!