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 else created an effect.

Web Page Parts (seen on the 'face' of the page)
* 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 (seen in the 'source code' of the page)
*image
*link
*table
*text field
*body
*head
*title
*form
*paragraph
*line break
*background color
*background image

Assignment
Print out (1 page of )the face of a 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 on that page. Also copy only 1 page 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 this page of source code.

NOTE: 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 one 8.5 x 11 page worth of source code. Then Edit > Paste this code to a new Note Pad or Simple Text document and print that page.

URLS:

1 http://www.amazon.com

2. http://santafean.com/

3. http://www.projectcool.com

4. http://www.adobe.com

 

course outline