how i made my navigation bar
DESCRIPTION
A presentation showing how I made my navigation bar.TRANSCRIPT
![Page 1: How I Made My Navigation Bar](https://reader035.vdocuments.mx/reader035/viewer/2022070312/5541dd8ab4c90551648b45ad/html5/thumbnails/1.jpg)
How I Made The Navigation Bar
![Page 2: How I Made My Navigation Bar](https://reader035.vdocuments.mx/reader035/viewer/2022070312/5541dd8ab4c90551648b45ad/html5/thumbnails/2.jpg)
This is the basic shape for my button.
![Page 3: How I Made My Navigation Bar](https://reader035.vdocuments.mx/reader035/viewer/2022070312/5541dd8ab4c90551648b45ad/html5/thumbnails/3.jpg)
I pressed F8 and converted it to a button and named it my button. I then clicked OK.
![Page 4: How I Made My Navigation Bar](https://reader035.vdocuments.mx/reader035/viewer/2022070312/5541dd8ab4c90551648b45ad/html5/thumbnails/4.jpg)
This is my button in it’s UP state.
![Page 5: How I Made My Navigation Bar](https://reader035.vdocuments.mx/reader035/viewer/2022070312/5541dd8ab4c90551648b45ad/html5/thumbnails/5.jpg)
This is my button in it’s OVER state.
![Page 6: How I Made My Navigation Bar](https://reader035.vdocuments.mx/reader035/viewer/2022070312/5541dd8ab4c90551648b45ad/html5/thumbnails/6.jpg)
This is my button in it’s DOWN state.
![Page 7: How I Made My Navigation Bar](https://reader035.vdocuments.mx/reader035/viewer/2022070312/5541dd8ab4c90551648b45ad/html5/thumbnails/7.jpg)
This is the active area.
![Page 8: How I Made My Navigation Bar](https://reader035.vdocuments.mx/reader035/viewer/2022070312/5541dd8ab4c90551648b45ad/html5/thumbnails/8.jpg)
I inserted a button, then I copied it and renamed them. I aligned them into a straight line and then inserted my logo.
![Page 9: How I Made My Navigation Bar](https://reader035.vdocuments.mx/reader035/viewer/2022070312/5541dd8ab4c90551648b45ad/html5/thumbnails/9.jpg)
Next I selected my button and clicked on Add Pop-up Menu.
![Page 10: How I Made My Navigation Bar](https://reader035.vdocuments.mx/reader035/viewer/2022070312/5541dd8ab4c90551648b45ad/html5/thumbnails/10.jpg)
First I typed in the text for the different categories. Then I pressed Next.
![Page 11: How I Made My Navigation Bar](https://reader035.vdocuments.mx/reader035/viewer/2022070312/5541dd8ab4c90551648b45ad/html5/thumbnails/11.jpg)
I then chose the colours I wanted which were based on my colour theme and the text and size. I also decided what colour it would become when highlighted.
![Page 12: How I Made My Navigation Bar](https://reader035.vdocuments.mx/reader035/viewer/2022070312/5541dd8ab4c90551648b45ad/html5/thumbnails/12.jpg)
Next on the final stage I decided on the position of the pop-up menu relevant to the button. Finally I clicked done and repeated the process to create more pop-up menus.
![Page 13: How I Made My Navigation Bar](https://reader035.vdocuments.mx/reader035/viewer/2022070312/5541dd8ab4c90551648b45ad/html5/thumbnails/13.jpg)
This is my navigation bar internet explorer. It shows it working with the pop-up menus.