Navigation



Navigation around a site is really important. If visitors CAN'T easily go from one section to another, they may give up and move on.

There are alot of ways to accomplish this, and one of my favorites is the "navigation bar". A basic one looks like this:

Go to top

Home 2nd page 3rd page 4th page 5th.page


If you need to add more pages to the bar, duplicate the HTML code between "Last Line" and "End navbarcode" add it to your bar until the number of sections equals the number of web pages on your site. You can also stack as many as you like and then replace the page names with your web page names. Notice that the "Go to top" link has already been included for you to use. You can adjust colors and sizes and the table attributes for different results, but the basic code I used here is below.



<<>!--START navbarcode--> <<>CENTER><<>FONT SIZE="3"color="#0000ff"><<>i><<>b> <<>A HREF="#top">Go to top<<>/A><<>/FONT> <<>/CENTER> <<>p> <<>Center> <<>TABLE bgcolor="#ffffff" Align="center" WIDTH="550" BORDER="4" CELLSPACING="0" CELLPADDING="4"> <<>TR> <<>TD ALIGN=center VALIGN=middle><<>a href="index-1 or your 1st URL here.htm"><<>b>Home<<>/A><<>/TD> <<>TD ALIGN=center VALIGN=middle><<>a href="your 2nd URL here"><<>b>2nd page<<>/a><<>/TD> <<>TD ALIGN=center VALIGN=middle><<>a href=" your 3rd URL here"><<>b>3rd page<<>/a><<>/TD> <<>TD ALIGN =center VALIGN=middle><<>A HREF="your 4th URL here"><<>b>4th page<<>/A><<>/TD> <<>!--Last Line--> <<>TD ALIGN=center VALIGN=middle><<>a href="your 5th URL here"><<>b>5th.page<<>/a><<>/TD> <<>/TR><<>/TABLE> <<>/Center> <<>!--END navbarcode -->



Another good navigation tool is a clickable dropdown menu. You can add alot of links in a minimum of space on your page in a nice neat little "package" ! It looks like this:


Here's the code:

<<>table cellpadding=8 border bgcolor=grey> <<>tr bgcolor=darkblue><<>td align="center">
<<>font color="cornsilk"><<>b> <<>select name="url" usestyle width="240"> <<>option> Links <<>option value= "http://URL"> name of #1 link <<>option value= "http://URL">name of #2 link <<>option value= "http://URL"> name of #3 link <<>/select> <<>/td> <<>td align="center"> <<>font color="cornsilk" effect=shadow><<>b> <<>input type="submit" value=" Go To " usestyle> <<>/form><<>/td><<>/tr><<>/table>



For more navigation ideas, click on the page and then
SPIN THE WHEEL !

You'll land on a RANDOM link !