Navigation Bar
I made the navigation bar in Illustrator. The reason I used Illustrator is because of its user friendly way of being able to create images. Also to be able to create images in vector and not bitmap so if the images need to be made bigger they will not be distorted. There is also another program called Flash which can also be used to make images, but thats more for animation and I find it harder to create images in, I find the tools more awkward to use and they can be very annoying, though useful for creating flash animations. Which I am thinking about creating and including in my website.
Here is the navigation bar from the 3D modelling page. As you can see not all the link pages are there. The original plan was to when someone goes onto the 3D page the 3D link would change into the photography link as you don't need the same link on the same page. But this proved to complicated and confusing. So I had to insert another link which is the photography link. I decided that the 3D modelling link should stay there it should just blank out and unusable.
Here it is in dreamweaver. Each link is a separate image and put together in a table. When in a browser and you hover over a link with the mouse it will light up.
When the link lights up this is another image. Also the when the link is blanked out this is another image. So altogether there are 3 images per link, blanked out, idle and highlighted. These are all stored in the image folder where they all can be found. All the pages use the same images so there is no need for multiple images and it saves space.
Here is the navigation bar from the 3D modelling page. As you can see not all the link pages are there. The original plan was to when someone goes onto the 3D page the 3D link would change into the photography link as you don't need the same link on the same page. But this proved to complicated and confusing. So I had to insert another link which is the photography link. I decided that the 3D modelling link should stay there it should just blank out and unusable.Here it is in dreamweaver. Each link is a separate image and put together in a table. When in a browser and you hover over a link with the mouse it will light up.
When the link lights up this is another image. Also the when the link is blanked out this is another image. So altogether there are 3 images per link, blanked out, idle and highlighted. These are all stored in the image folder where they all can be found. All the pages use the same images so there is no need for multiple images and it saves space.
