ArticlesBase.com - Free Articles Directory
Free Online Articles Directory
25.07.2008 Sign In Register Hello Guest
Email:
Password:
Remember Me 
forgot your password?


Cool Rollover Buttons & Pop-up Menus in Dreamweaver

Author: Jay Gilbert Author Ranking Gold | Posted: 20-11-2006 | Comments: 0 | Views: 2,263 | Got a Question? Ask.
Sign Up Now!

Adding a rollover button to a webpage with Dreamweaver is a really simple task...if you have the button images ready to go.

If you don't have the images yet, here's what you need to do: Open a graphic design program like Fireworks or Photoshop and create a rectangle with a solid fill (for this example, blue) and then put some white text on it that says 'Home'.

Next you want to trim the canvas and export this image as something like 'home1.gif' or 'home1.jpg' file. Export the image to the folder where your web pages are so that you can use it for your webpage.

Next, simply change the color of the text on the button to yellow, and export that version as 'home2.gif'

Once you have these 2 images, creating a rollover button in Dreamweaver is cake because Dreamweaver does it all for you.

Simply place the cursor where you want the button on your webpage and choose 'Insert' > 'Image Objects' > 'Rollover Image' from the Dreamweaver dropdown menu.

Then use home1.gif for up image and home2.gif for the over image. Once you click ok, Dreamweaver will create all the necessary code for you. Then you need simply to upload the images and the page to your website!

These types of buttons can quickly and easily make your website look more professional.

Rollover buttons are one of the standards of website design, and now you too can use them.

Another option is to use the pop-up menus feature. You can find this under the 'tag inspector' in Dreamweaver. You can use this to make some exciting looking pop-up menus that appear when you put your mouse over an image.

This allows for multiple links to show up when you move your mouse over an image, and can be used to create vertical or horizontal sub-menus, which are used by some of the most popular and professional sites online.

To learn how to do all this and see it in action via step by step videos, head on over to: http://www.dreamweaverhowto.com now.

Rate this Article: Current: 3.5 / 5 stars - 2 vote(s).

Article Source: http://www.articlesbase.com/business-articles/cool-rollover-buttons-popup-menus-in-dreamweaver-74544.html

Print this Article Print article   Email to a Friend Send to friend   Publish this Article on your Website Publish this Article   Send Author Feedback Author feedback  
About the Author:

Jay Gilbert offers step by step guides for people who want to sell info products online. Sign up for the free Dreamweaver tips training course.

Submitting articles has become one of the most popular means of generating quality backlinks and targeted traffic to your website. Join us today - It's Free!

Article Comments

Comment on this article Comment on this article
Your Name
Your Email:
Comment Body
Enter Validation Code: Captcha


Related Articles

5 Things Every Web designer Should Know
By: Hilco Van Der Meer | 30/04/2006 | Business
5 things every webdesginer should know. Do you know all of these?

You Need a License Software Product, Don’t You?
By: Anton Filin | 03/07/2008 | Software
Choosing any software, it is necessary to be sure it’s licensed, since imperfection of the software may cause huge damage both for separately taken enterprise, and for a national economy as a whole.

Is This Free Software
By: Jeffrey Solochek | 18/07/2006 | Free
Microsoft is probably the richest software corporation in the world. They make money on selling software plus they also make money when you need help with one of their software products by charging you for support.

Managing Site Profiles in Dreamweaver
By: Jay Gilbert | 01/11/2006 | Business
This article shows you how to set up a new website profile with Dreamweaver in about 2.5 minutes.

Modifying Fonts in Dreamweaver Using Html & Css
By: Jay Gilbert | 15/11/2006 | Business
Using Dreamweaver CSS tools is a great way to style your webpages. But is CSS always necessary? Take a look at these techniques.

Css & Dreamweaver
By: Jay Gilbert | 20/11/2006 | Business
Cascading Style Sheets is something every webmaster should learn to use, however it can be complicated to code by hand. Fortunately, the built in Dreamweaver CSS tools make it simple as pie as you'll see in this introductory lesson.

How to Learn Html
By: cherie | 30/03/2007 | Internet
HTML is the abbreviation for HyperText Markup Language. It is a special code used for the creation of websites, and most Web designers know it, or they know a program that creates HTML for them. HTML can be a little frustrating and difficult to actually understand.

Making a Website With Wysiwyg Tools
By: andy tao | 22/09/2007 | Internet
If you have no previous experience making a website and do no wish to learn you can download software that will allow you to drag and drop items such as pictures, texts, tables to build up your website fast and effective.

Got a Question? Ask.

Ask the community a question about this article:

Frequently Asked Questions

Custom indent bullet in Dreamweaver
By: Karin | 16-07-2008
I want to custom my indent where is that properties or can you not custom it?

How can i write a wikipedia article in word 2007?
By: Jack of all Trades | 30-05-2008
is there some sort of template or addon which will convert Word 2007 formatting (like numbers and bullets) into wikipedia formatting system?i also need it to support Hebrew (or at least some support for Bidi).Thanks. 

Is there a way to generate an RSS feed for the ...
By: drabsv | 25-05-2008
Is there a way to generate an RSS feed for the search results of a Google Custom Search engine? I mean a feed which would notify you whenever a new URL appears in the search results. If that is not "directly possible", any ideas how it can be made through external tools, e.g. via a macro or something else?

I have a template which I want to upload to a web ...
By: agv4 | 11-05-2008
I have a template which I want to upload to a web editor to create a landing page. Which editor would you recommend? This is my first time creating a landing page. Thank you.

My personal Web page
By: lenoratt | 06-04-2008
How do I start me a Web page on aol?  Are there any web pages that are free?  I need one for my book club.

How do you tie a database to a website?
By: enanito44 | 03-04-2008
How do you tie a database to a website?

Q&A Powered by:
Powered by Yedda 

Latest Business Articles

Customer Service Toolkit
By: Drew Stevens | 25/07/2008
All businesses make money, yet those that are customer focused are more profitable.

Top 10 Brain Training Future Trends: New Mind/body Focus, Brain Trainers, and More
By: Alvaro Fernandez | 25/07/2008
In an emerging, dynamic, high growth market, like brain training, it is difficult to make precise projections. But, we can observe a number of trends that executives, consumers, public policy makers, and the media should watch closely in the coming years, as brain fitness and training becomes mainstream, new brain trainers appear, and an ecosystem grows around it. Here you have the Top Ten trends I predict.

Commercial Loans and Working Capital Financing Special Reports
By: Steve Bush | 25/07/2008
A prudent approach to working capital management is becoming more difficult for most commercial borrowers. Commercial loans have always been more complicated than realized by most business owners. Recent financing difficulties involving commercial mortgages, SBA loans and business cash advances have added significantly to the complexity of the entire commercial...

Collecting Survey Data That Meets Your Objectives
By: Ryan J Bell | 25/07/2008
Creating a survey should be done only after considering your objectives for the data. The data you collect can offer a valuable glimpse into the perspective of your customers, employees, vendors, or any other party to which your organization is exposed. But, if the survey is designed or executed poorly,...

Using a 360 Degree Feedback System
By: Ryan J Bell | 25/07/2008
A 360 degree feedback survey is conducted internally within a company or organization. Its purpose is to provide participants (i.e. employees) with peer and manager feedback. This feedback is delivered anonymously and describes a participant's strengths and weaknesses. Like most surveys, the usefulness of a 360 feedback system depends upon...

What is Your Prospect's Problem?
By: Jody Gabourie | 25/07/2008
The secret to crafting a compelling marketing message that makes your potential clients sit up and take notice is to clearly identify the problems they are facing.

Asia ' the Biggest Consumer Market
By: Paul Hata | 25/07/2008
Countries like China,India,Japan,Korea,Singapore and Taiwan have sent many unknowing stock market players into silence in recent years because of the dramatic rise in their economic conditions. Each of these countries presents different investment opportunities for investors and the range of their expertise has narrowed down.

How to Successfully Submit Content to Article Directories
By: Anthony Harriis | 24/07/2008
Since the inception of the internet, webmasters have drawn prospective customers to their sites by providing worthwhile information to their guests. This information based marketing is a proven technique for targeting interested individuals and bringing them to a website, then turning those visitors into paying clients. Today, the same marketing technique...

More from Jay Gilbert

Using Php Buttons in Dreamweaver
By: Jay Gilbert | 21/11/2006 | Business
The Dreamweaver PHP buttons can be a great way to get started creating your own PHP applications...even if you can't code PHP yourself. In this lesson I'll tell you a little more about how you can get started using these exciting tools.

8 Benefits of Using Dreamweaver 8
By: Jay Gilbert | 20/11/2006 | Business
If you build websites for a living and don't use Dreamweaver 8 yet, here are 8 good reasons to switch today.

Creating your Own Dreamweaver Templates Files
By: Jay Gilbert | 20/11/2006 | Business
Updating webpages can be a lot of work, but with .DWT Dreamweaver Templates, updating hundreds of pages only takes seconds.

Css & Dreamweaver
By: Jay Gilbert | 20/11/2006 | Business
Cascading Style Sheets is something every webmaster should learn to use, however it can be complicated to code by hand. Fortunately, the built in Dreamweaver CSS tools make it simple as pie as you'll see in this introductory lesson.

Creating Hyperlinks and Bookmarks With Dreamweaver
By: Jay Gilbert | 15/11/2006 | Business
Creating hyperlinks with Dreamweaver is a relatively simple task but there are a few options available to you that you might want to explore inlcuding which window the link opens in, and the option to change the look of a link using CSS.

Modifying Fonts in Dreamweaver Using Html & Css
By: Jay Gilbert | 15/11/2006 | Business
Using Dreamweaver CSS tools is a great way to style your webpages. But is CSS always necessary? Take a look at these techniques.

Managing Site Profiles in Dreamweaver
By: Jay Gilbert | 01/11/2006 | Business
This article shows you how to set up a new website profile with Dreamweaver in about 2.5 minutes.

A Few Wedding Gift Ideas To Jog Your Mind
By: Jay Gilbert | 16/05/2006 | Business
Don't contribute to the pile of mediocre, semi-useful, wedding gifts that clutter up the house of the newlyweds. Instead, take a few extra minutes and think up something cool and unique with these wedding gift ideas.

Article Categories






Give Feedback

Sign up for our email newsletter

Receive updates, enter your email below