Celaunds.com

Tech which makes Sense

Adding a rollover button to a web page 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 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 white text in it that says’ Start’.

You then want to crop the canvas and export this image as a ‘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 web page.

Then just change the button text color to yellow and export that version as ‘home2.gif’

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

Simply position the cursor where you want the button on your web page and choose ‘Insert’> ‘Image Objects’> ‘Replacement Image’ from Dreamweaver’s drop-down menu.

Then use home1.gif for the top image and home2.gif for the top image. Once you click OK, Dreamweaver will create all the necessary code for you. Then you just have to upload the images and the page on your website!

Another option is to use the pop-up menu feature. You can find it in Dreamweaver’s “tag inspector”. You can use this to create some cool looking pop-up menus that appear when you hover over an image.

Leave a Reply

Your email address will not be published. Required fields are marked *