This Exercise

  1. In this exercise you’ll be creating different attributes for the links on Home.html and ClassLinks.html. You can work in Dreamweaver or a more basic text editor.
  2. First, make links in the #nav, #sidebar and #footer areas of both pages actually link to the other page.
  3. Next, define default the links styles (link, visited, active, hover) in your CSS. This is what we’ll use for the #nav links, so you won’t have to do anything more to them.
  4. After that, define link styles (link, visited, active, hover) for the links in the #sidebar and #footer divs.
  5. Finally, define a class for links as described in the handout and on the Class Links page. Create a few links in the body copy of the pages and apply this class to these links.
  6. Feel free to change any of the colors. Each set of links should be different.
  7. If you’d like, dress up your pages with the awesome photos I’ve included.