home •
class links •
multiple nav areas •
background images
This Exercise
- 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.
- First, make links in the #nav, #sidebar and #footer areas of both pages actually link
to the other page.
- 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.
- After that, define link styles (link, visited, active, hover) for the links in the #sidebar and #footer divs.
- 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.
- Feel free to change any of the colors. Each set of links should be different.
- If you’d like, dress up your pages with the awesome photos I’ve included.