In a basic navigation system, you want to help the user of your pages get to all of the content that you have created.
Usually, the navigation system on a web site is on the left side, often towards the top. Different sites use the top edge for a navigation system. On blogs, there is often a right side rail with external links. When you build more complex navigation systems, you can place each type of navigation system on certain parts of the screen to make finding information easier on the user.
You will need to have a couple of pages, Three or four at least.
Make one, and test it first
Start by making one copy of the nav system.
Create a list with links to each of the pages.
Label each link so that it is clear to the user of the pages where they will be going.
Save the page and test the links.
When you have got all the links working properly you have a sample.
Duplicate your working system
Add a comment above your navigation system to make it easier to find:
<!--Navigation bar -->
Copy the code from your navigation bar
Paste the nav code into the same location of the code on your other pages in the site.
Save each of the pages and test them.
You should be able to move around inside your site by clicking on the links.
If you click on the link for the page that you are on, it just won't go anywhere
Style your navigation system
You can adjust the visual look of your navigation system with CSS
Adjust the properties of the UL, change the color at least
Adjust the properties of the LI, change the color at least
Checklist:
A site with three or four pages
A navigation system that connects all of the pages
The links display where they are going to
The links work properly
The navigation system is duplicated on the other pages
All of the pages link together through the common nav system
Comments (0)
You don't have permission to comment on this page.