Bopo's Navigation

In Mr. Kramp's web design class we learned several different styles of navigation. Some examples used HTML with CSS while others used buttons. Links to the examples are located on the menu bar on the left.

For Nav Bars, I created an HTML document with basic links. I then styled it with CSS to give it different colored backgrounds and borders. I also created a style rule where, when you roll over the link, it highlights. I think that this is an attractive way to create navigation using only HTML and a style sheet.

In Nav Tabs, I created a group of tabs using HTML and CSS. The tabs are laid out across the top of the page and allow the user to navigate easily from one page to another. I think that this is another easy and attractive way to create navigation for a web site.

For Bread Crumbs, I created a navigational bar that users could follow back to specific pages while they navigated through my site. To create this, I used HTML and a style sheet to create the inline navigation. I liked this so much that I incorporated it into my site.

To create my Fireworks button, I used a combination of images created in Adobe Fireworks and JavaScript. I was surprised how easy it was to create this type of navigation. I also found that I could make very professional looking buttons this way. I may choose to use this type of navigation throughout my web site.

The final type of navigation that I created was by using Adobe Flash. I found this to be a little harder to create because I had to create everything myself. There were no styles like there were in Fireworks. I also found that the programming of the buttons was a little harder. Overall, I was very happy with my buttons and think that they look nice. I think that I will eventually use this type of navigation throughout my site.