| 
  • If you are citizen of an European Union member nation, you may not use this service unless you are at least 16 years old.

  • You already know Dokkio is an AI-powered assistant to organize & manage your digital files & messages. Very soon, Dokkio will support Outlook as well as One Drive. Check it out today!

View
 

BasicNavigationSystem

Page history last edited by c 14 years, 5 months ago

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.