How to Add Navigation Menu Buttons to Your Website with Nvu (Video Tutorial)

This video tutorial provides an overview on how you can add a professional-looking navigation menu, complete with mouse-over hover effects, to your website using the free Nvu web editor. It uses the free CSS Menu Buttons Wizard on thesitewizard.com.

Preliminary Matters

• If you don't already have Nvu, you can find it (among other free web editors) listed on the Free HTML Editors and WYSIWYG Web Editors page. If you need to learn how to use Nvu to create your own website, please see my Nvu tutorial How to Create and Publish Your Website with Nvu.

• The menu you create will have mouse-over or hover effects. If you are not sure what this means, try moving your mouse over the buttons on the side panel of this page. As you move your button, you will notice that the button changes appearance/colour. The buttons that you create using this how-to guide will have the same effects, although you can customize the colours to suit the theme of your website.

• If you prefer to read a tutorial on how to add the CSS menu to your website with Nvu, please see the article How to Add a CSS Navigation Button Menu to Your Site with Nvu instead. Since the video is merely a screencast, and has no audio, if you rely on audio (eg, if you are visually impaired), please read the article instead. Your screen reader will be able to handle the article better than the video.

• This video tutorial requires a recent version of the Flash player. If you have an old version, and the video does not show, click here to get the latest. You can also view the video directly at YouTube, which is where this video is hosted.

How to Add a CSS Navigation Menu Side Bar

Copyright © 2008 by Christopher Heng. All rights reserved.
Get more free tips and articles like this, on web design, promotion, revenue and scripting, from http://www.thesitewizard.com/.

If you find this article useful, please consider making a donation.

thesitewizard™ News Feed (RSS Site Feed) 

Do you find this article useful? You can learn of new articles and scripts that are published on thesitewizard.com by subscribing to the RSS feed. Simply point your RSS feed reader or a browser that supports RSS feeds at http://www.thesitewizard.com/thesitewizard.xml. You can read more about how to subscribe to RSS site feeds from our RSS FAQ.

Please Do Not Reprint This Article

This article is copyrighted. Please do not reproduce this article in whole or part, in any form, without obtaining my written permission.

Related Pages

• The Beginner's A-Z Guide to Starting/Creating Your Own Website
• How to Add a CSS Navigation Button Menu to Your Site with KompoZer
• How to Add a Feedback Form to Your Website (Video Tutorial)
• 6 Things to Note Before Changing Your Site Design
• How to Register Your Own Domain Name
• Which Web Host Do You Recommend? (FAQ)
• The Real Meaning of "Unlimited" in Web Hosting
• How to Accept Credit Cards on Your Website

New Pages

• How to Create and Use Cookies in PHP
• How to Insert Google AdSense Advertisements into Your Blogger Blog
• How to Design a Two Column Layout for Your Website Using CSS
• Is It Legal to Use Any Piece of Music, Image, or Article for my Website? And Other Questions on Copyright Relevant to Webmasters
• Why Do the Pictures on My Web Page Not Show Up in Nvu / KompoZer? Troubleshooting the Broken Images on Your Page.
• Should I Have a Multi-Column Newspaper Layout for My Website? More Tips on Usability
• Should I Use a Temporary Domain Name Till My Preferred Domain Becomes Available?
• Should You Use Cloaked Domain Redirection to Point to Your Website?
• Why Is My Site Not Ranking in the Search Engines?
• What Sort of Website Should I Create In Order to Earn Money?

Popular Pages

• How to Start / Create Your Own Website: The Beginner's A-Z Guide
• Tips on Choosing a Good Domain Name
• How to Create a Search Engine Friendly Website
• Dreamweaver Tutorial: How to Create a Website with Dreamweaver CS3
• How to Design and Publish Your Website with Nvu (free WYSIWYG web editor)

How to Link to This Page

To link to this page from your website, simply cut and paste the following code to your web page.

It will appear on your page as:

How to Add Navigation Menu Buttons to Your Website with Nvu (Video Tutorial)