Step 3 - Code Your Website (Continued)
Navagation


Navagation Bar

Here is your free nav-bar.

Just place your curser on the left edge of start nav-bar comment, press your left mouse button and hightlight all the text in blue untl you reach the right edge of the end nav-bar comment. Continue to hold your mouse over the highlighted blue text, push your right mouse button and select copy. Open your HTML document, press your right mouse button, select the Option View Source, move your cuser to your desired navigation bar locaton (usually at the bottom of the page). Select Paste. Now replace the page names and links with your own. Note that the "Go to top" link has already been included. Close your HTML document, select Refreash and your nav-bar should appear.

<p>
<!--START nav-bar-->
<CENTER><FONT SIZE=2>
<A HREF="#top">Go to top</A></FONT>
</CENTER>
<p>
<Center>
<TABLE Align="center" WIDTH="550" BORDER="1" CELLSPACING="0" CELLPADDING="4">
<TR>
<TD ALIGN=center VALIGN=middle><a href="index-1.htm">Home</A></TD>
<TD ALIGN=center VALIGN=middle><a href="2nd.htm">2nd page</a></TD>
<TD ALIGN=center VALIGN=middle><a href="3rd.htm">3rd page</a></TD>
<TD ALIGN =center VALIGN=middle><A HREF="4th.htm">4th page</A></TD>
<!--Last Line-->
<TD ALIGN=center VALIGN=middle><a href="nth.htm">nth.htm</a></TD>
</TR></TABLE>
</Center>
<!--END nav-bar -->
<BR>

Your nav-bar should look like this:

Go to top

Home 2nd page 3rd page 4th page nth.htm

If you need to add more pages to the bar, duplicate the HTML code between "Last Line" and "End nav-bar" add it to your bar until the number of buttons equals the number of web pages on your site. Now replace the page names with your web page names. Note that the "Go to top" link has already been included.


Back to Design Your Web Site

URL: http://www.1stSiteFree/nav-bar.htm
Updated: August 12, 2001
Bill Green
Copyright © 1998

HTML 3.2 Checked!