Dreamweaver TutorialHow to Add a Navigation Menu Bar to Your Website

In this Dreamweaver tutorial, we will be creating and inserting a spry horizontal menu bar for our website navigation. If you prefer a vertical spry navigation bar, you can still follow along to this tutorial.

Why Use a spry menu bar:

With web design, the golden rule is to plan ahead. As you develop your website before too long you will notice the usual navigation area (usually the width of your site) is no longer big enough to house all the links you desire to be on your website. For this reason, it’s a good idea to plan ahead and incorporate a spry menu which will provide you with the flexibility to add or remove links when required.

The Spry menu bar will by default initially hide your drop down menu until rolled over, this offers the space to house links that will be tucked away, keeping things neat and tidy.

Things to think about:

When using any drop down menus we need to make sure we do not violate the rules of any advertisers, Google ad sense prefer not to have drop down menus popping out directly over any advertisements, so check before placing any Google ads directly below your spry menu bar.