How to Add Navigation Menu Buttons to Your Website with Nvu (Video Tutorial)
by Christopher Heng, thesitewizard.comThis 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 my 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 Use the Frame Blocking Facility (Anti-Clickjacking Defence) in Internet Explorer 8
- How to Add a CAPTCHA Test to Your Feedback Form Script: Reducing Spam in Your Contact Form
- How to Point a Domain Name to Your Website (Or What to Do After Buying Your Domain Name)
- What Does It Mean to Park a Domain Name? Domain Name Parking Explained
- How to Add Images to Your Website in Serif WebPlus X2
- Serif WebPlus X2 Tutorial: How to Design Your Website with Serif WebPlus X2
- Is it Possible to Use Microsoft Word or Office to Create a Website? If So, How?
- How to Transfer / Move Your Website from GeoCities: Closure of GeoCities' Free Web Hosting
- How to Upload and Link to a PDF File (or PDF Ebook) in KompoZer and Nvu
- What is HTML, CSS, JavaScript, PHP and Perl? Do I Need to Learn Them to Create a Website?
Popular Pages
- How to Make / 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
- How to Create a Website with Dreamweaver CS4 (Dreamweaver Tutorial)
- How to Design and Publish Your Website with KompoZer (free WYSIWYG web editor)
- Free Customized Feedback Form Wizard (PHP / Perl Script)
How to Link to This Page
It will appear on your page as:
How to Add Navigation Menu Buttons to Your Website with Nvu (Video Tutorial)
thesitewizard™, thefreecountry™ and HowToHaven™ are trademarks of Christopher Heng.
Last updated: 10 March 2008.
