Updated: 03/13/2004 10:39:26 AM               (Broken Link? Report It Here)      

Navigation Area

What is the purpose of the Navigation Hints and Tips area?

Many times one has enough knowledge about a subject to be beyond the need of a tutorial but not enough to know exactly how to accomplish a certain task or reach a certain goal. Often one finds himself needing to learn how to do just one small thing instead of a receiving a full course instruction. And then there are times where you learn something interesting and useful just by browsing around; but without really intending to learn.

That's the purpose of the Navigation Hints and Tips area - to teach you something small, but interesting and useful. To show you how to do just one thing at a time and help you reach your goal. More importantly, to provide you the opportunity to learn something new each day; which is a goal most people envision and strive for.

Membership requirements for Giz Gears.

This interactive area within Giz Gears does not require an active Giz-Net Network membership in order to participate.

HTML Tricks

Navigation Tidbits CSS Tricks Form Tricks JavaScript Tricks

Long Pages And Relative Links

Has your webpage become long and have lots of info? If so, consider providing a menu or two of relative links to sections of your page and placing them strategically throughout your webpage. You can do this by using the # symbol in your A HREF code. For example, you may want to allow your visitors to get to the top, middle and bottom of your page by clicking on three different links.

To do this you need to create what are commonly called anchors by using the Name Tag. Then you place your hyperlink menus at strategic places and use them by referencing the # symbol. Call your hyperlinks anything you like; but keep your visitors in mind and make them intuitively simple. Review the HTML code below:

<A HREF="#TOP">Go to the Top</A>
<A HREF="#MIDDLE">Go to the Middle</A>
<A HREF="#BOTTOM">Go to the Bottom</A>

These hyperlinks will jump to the anchors (see below) that you create:

<A NAME="TOP"><A>
Place this anchor at the top of the webpage.

<A NAME="MIDDLE"></A>
Place this anchor in the middle of the webpage.

<A NAME="BOTTOM"></A>
Place this anchor at the bottom of the webpage.

You can see a working example by clicking on the link at the bottom of this webpage, entitled "Top of Page". Note that the anchor itself does not appear anywhere on the webpage. The anchor acts as an invisible bookmark on the webpage.

Navigation Tidbits CSS Tricks Form Tricks JavaScript Tricks

Contributions for Giz Gears.

If you have a great web design source you would like to share, please let me know! I give credit for all sources of contributions; links, tutorials, downloads, hints, tips, etc. If you would like to see other pages added to this area, please let me know either through email or through the Forum.