Lab Assignment #2

Revised: 4/13/2011
Lab #01 Lab #02 Lab #03 Lab #04 Lab #05 Lab #06
Lab #07 Lab #08 Lab #09 Lab #10 Lab #11 Lab #12

w3schools aspAlliance HTML Reference Lecture #2

image file not found


" Not everything that can be counted counts, and not everything that counts can be counted. "
- Albert Einstein (1879-1955)


Requirements:

  1. Create a navigation menu bar somewhere near the top of your home page. Clicking on each of the menu items should take the user to a page in your website. Note that this should be more than just a row of links. The menu should look something like a conventional menu. The objective here is to use styling to make the navigation facility look interesting. Use the hover property to change a selection's color when your mouse is over that element.
  2. Add to your home page's navigation menua a drop down menu element with selections on the drop down for your labs. The dropdown should allow you to navigate to each of your labs.
  3. Add a lab #2 page to your site that has a tabbed menu with links to every other lab page. Use CSS3 radius corners so that the Chrome browser shows the tabs with rounded corners.
  4. Construct another navigation menu from elements defined in an XML file. The idea is that you can put navigation menus on many pages in your site and, when you need to change them, simply change the one XML file instead of every page with the navigation bar. You will need to use Javascript and AJAX, as shown in the last reference, above.