Navigation

To see the page source, right click on the page, and click on view page source. There will be comments there showing how to write the HTML for that page.

NavBars: This is the first type of navigation that we created. It involves an HTML page with the actual image on it, and then a CSS to do all of the pretty stuff. Then, you just link the buttons the different sites, and have the colors of the boxes changes when you roll over them.

Tabs: These are tabs that show on the top of the page. They are nice because they show what page you are on currently really clearly. Just click on the different tabs to go to the different pages. This required a few HTML pages, and one CSS document to stylize them all.

Bred Crumbs: This is a popular type of navigation. It is nice because it tells you where you have been, and you can easily go back to those pages by clicking on the words. not only does the line of pages that you have been to show up at the top, but they show up in a column on the side in bullet format. The breadcrumbs at the top are created entirely from CSS, and the bullets are made in the HTML portion. Then, there are little images between the words that show the different pages.

Fireworks Buttons: This is the button that I made in fireworks involving JavaScript. This is the kind of button where you make three different images, and use those for the regular state, when you roll over it, and when you press it, just like the buttons on the side of this page. They are really easy, and then dreamweaver does all of the JavaScript code for you, and you do not need any CSS.

Flash Button: This is the button that I made in flash using Action Script. This is almost like fireworks, except in a different program and using a different kind of code. This is a little worse though, because you need flash player to view it, while the fireworks button will work on any computer. This also involves no CSS.

Go Back