| Home |
1. Download a set of images of various colors to practice with from:
The layers example.
2. Positioning - refer to section on Layering Objects:
* Position an object at absolute left 25 pixels and top 50 pixels.
* Position some text within a sentence so that some words go above
and some words go below the baseline of the sentence.
* Layer your images so that the yellow one is on top, then the
blue one and then the green one.
* Reverse the stacking order of the images above.
3. Visibility - refer to this page:
* Position red, blue, yellow and green images on your page with
the blue image hidden when the page loads. Use CSS to hide the image.
4. Browser Detection - refer to this page:
* Using the appVersion property, determine which browser is running
a page and write the version number on the page. Test to make sure it
works.
5. Object Detection - refer to this page:
* Use object detection to determine which browser is running a page
(use the 3 references listed on the page for NS 4, IE 5 and W3C
compliant browsers) and write that information to the page.
6. Page Branching - refer to this page:
* Using either browser or object detection, devise a strategy to
route the user to a test page for his/her browser. Identify the
browser and welcome the user to the page. Make sure users with no
scripting capability are covered.