HomePage


Notice that the current page is indicated by the different appearance of its link with the pointer at the bottom. In order that the menu knows which link to show as the current page you must insert the code class="current" in the line of code that produces that link. So, you just copy the 11 lines of code to all pages. The only difference is which line the class="current" is on.

To add a link to another page, just add another line of code using the name of the page appropriately.

Just change one word and you change the color scheme to blue, red, green or purple.

There is a css stylesheet that you place in the same folder and link to it from all pages by simply including this code in the html code inside the <head> tags.

There are 8 image files inside an images folder - two per color.

So, all in all, this is a very simple navigation system that is easy to add to or change the names of the pages or to change color.

You can use these pages as a template for your website.

You can actually use this package of pages to create your own site. You can view it in your browser by just entering the location and name of the page into the address bar such as:
c:\mylocalsite\index.htm  or even c:\mylocalsite  if you have all the files in a folder name mylocalsite on your c: drive.

You can modify the pages by opening each one in Notepad.

You can download a free, open-source html editor at: http://www.kompozer.net/download.php

Download this set of website template pages with the Navigation files here:
Website Template Pages with CSS Navigation Bar
http://writeawebsite.com/mylocalsite.zip