Jump Menus using Dreamweaver Behaviours
Dreamweaver MX Tutorial to create Jump Menus
In this Tutorial you will learn how to use the Macromedia Dreamweaver Behaviors Panel to create Jump Menus. Macromedia Dreamweaver MX 2004 behaviors place JavaScript code in documents to allow visitors to interact with a web page to change the page in various ways, or to cause certain tasks to be performed. This tutorial explains:
- What is a Jump Menu?
- How to insert and edit Jump Menus
What is a Jump Menu?
A Jump menu is a pop-up menu that can be included in a web page to list options that enable the site visitors to link to documents or files. It allows you to associate URLs with options in a pop-up menu list. By choosing an item from the list, the user is redirected (or "jumps") to the specified URL. You can create links to documents either in your own website or in other websites, e-mail links, links to graphics, or links to any file type that can be opened in a web browser. This contains three basic components:
- A menu selection prompt, such as "Select:" (Optional)
- A list of linked menu items which can be selected to open the linked document or file.
- And a Go button (Optional)
How to insert and edit Jump Menus
Jump menus can be easily inserted into a webpage and the jump menu items can also be easily edited at a later time to change the list order or the file an item links to, or to add, delete, or rename an item.
For Example:
- Jump menus can be inserted in a web page by simply using the 'Jump Menu' form object (Insert->Form->Jump Menu).
- The 'Insert Jump Menu' dialog box appears, just fill out the text & URL for the jump menus and click OK.
- The Javascript coding for the Jump Menu is automatically included by Dreamweaver in your web document.
- To edit a Jump Menu, first select the jump menu object and then double-click the 'Jump Menu' in the Actions column of the Behaviors panel.
- Alternatively you can also use the 'List Values' button in the Property inspector to edit a jump menu.
- Save and test your file in a web browser. That's it you've learnt how to create Jump Menus using Dreamweaver Behaviours.
This page is part of the SmartWebby's Free Web Design Guide, a collection of free web design tutorials, articles, tips and guidelines on effective web site design. From web design tips, techniques and ideas to HTML, CSS Styles, Fireworks and Dreamweaver tutorials you'll find all you need to know about web design right here!
SmartWebby.com is the web design flagship website of Jandus Technologies, a global provider of 'smart, innovative & fresh' best web design and rapid web programming services - highly professional, of top quality and globally affordable. Operational since January 2001, we have successfully built professional web sites for clients from all over the world (USA, UK, Canada, Australia, India, Greece, Denmark, Singapore, etc.). By creating attractive low-cost web designs that are W3C standard compliant, load-time and search engine optimized, we beat our competitors hands down comprehensively - in value, time and pricing. We specialize in Rapid SEO Web Design using Adobe Tools; W3C compliant tableless CSS & HTML/XHTML programming; Rapid ASP.net, AJAX, ASP and PHP web programming for database driven web sites and ecommerce web design; Quality Logo Design, Flash Animation and Interactive Flash Programming. No matter what your requirements are, our team of highly trained experienced web designers is capable of delivering a website that's over & above your expectations. Write to us for your free web design quote today! Also check out our Custom Web Design Packages and Professional Dreamweaver Templates for easy DIY websites templates.
Absolutely FREE Web Templates
Check out these quality free web templates and download them without any registration or sign-up!
FREE Flash Actionscript & Animation Guide
Learn Flash the easy way using these easy-to-follow tutorials! Get your basics right or learn advanced flash actionscript!
Quality Dreamweaver Templates
Professional quality dreamweaver templates in over 20 categories, starting at just $9.95! Instant download & easy customization
