Lab 7 - DHTML

| Home |

Part 1 - Layers

Part 2 - Positioning

Part 3 - Visibility

Part 4 - Browser Detection

Part 5 - Object Detection

Part 6 - Page Branching

INSTRUCTIONS:

   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.