Photoshop Intermediate: Creating Graphics for the Web
Navigational Graphics Example


horizontal rules link
navigational graphics link
backgrounds link
contact info link

Now that I've added graphics as my navigation, note this page has a different colored button designating the page I'm on.

There are many ways to create graphics for the web; these were made with a single Photoshop document with various layers. Each layer was duplicated to give the exact same location, size, etc. and then the color changed for the "rollover" version. At the end, each layer and the background were saved for the web as a GIF. In Dreamweaver, the each pair was put into place.