Handout provided by Sheila Bourgoin

Using the Browser
Web page parts and features identifcation


In this activity, you will apply what has been demonstrated by dissecting two Web pages. The Web designer uses the browser as a tool, both for proofing work and troubleshooting. It can also be a good way to find out how someone created an effect.

Web Page Parts
* title
* file name
* background image
* animation
* other images
* background color
* type; both default type and specified fonts.
* form elements
* rollovers
* image maps
* navigational elements
* frames
* type as an image
* tables

HTML Code Tags
*image
*link
*table
*text field
*body
*head
*title
*form
*paragraph
*line break
*background color
*background image

Assignment
Print out 1 home page (selected from the sites below) and identify (circle and label) all the features from the Web Page Parts list above that are included in that page. Also copy 2 pages worth of source code from this same home page and paste this to a new Note Pad or Simple Text document and print it out. Identify all the HTML Code Tags from the above list that are included in these two pages of source code. (Some sites have up to 10 pages of source code behind their home page. Do not print out all the source code for the home page you select. Use your cursor to highlight and then Edit>Copy about two pages worth of source code. Then Edit>Paste to a new text editor document and print from that.)

URLS:

1 http://www.amazon.com

2. http://www.santafean.com/

3. http://www.projectcool.com

4. http://www.adobe.com

 

main course outline