Zeronese, Inc.
Home
Help & Support
Contact Us
Website Templates Web Hosting Reseller Hosting Web Design Web Directory Article Directory Webmaster Tools Make Money Marketing SEO
  economic web hosting Browse Webmasters Article Directory  
 


Log in - Submit Your Article Here

Browse Article Directory

Advice and Reviews Articles Advice and Reviews
Domain Names Articles Domain Names
ecommerce Articles ecommerce
HTML and CSS Articles HTML and CSS
Internet Search Engines Related Articles Internet Search Engines Related
Make Money Online Articles Make Money Online
Other Web Subjects Articles Other Web Subjects
Web Design Articles Web Design
Web Design Software Articles Web Design Software
Web Development Articles Web Development
Web Hosting Articles Web Hosting
web publishing content Articles web publishing content
Website Marketing Articles Website Marketing
web content article categories View all Categories

Article Directory News Letter

 


 
     

 


  By: J. Gilbert  
 

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 webpages 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!

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.



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

Article Source: zeronese.net article directory.
Article Word Count Appx. : 263
Article Category: Articles » Web-Design-Software » Dreamweaver
See all articles by J. Gilbert


Note: Copying of article contents in whole is permitted provided that article body and article author by-lines are kept intact and unchanged. Hyperlinks and/or URLs including article source link provided by authors and/or zeronese must remain active at all times.

     
The views and opinions of authors expressed on Zeronese Article Directory web sites do not necessarily state or reflect those of the Zeronese.net .


Feedback News Letter Site Map Terms and Policies About Us All copyrights reserved 2008 Zeronese, Inc.©