Dreamweaver MX Tutorial | Roll-Over Button

[Dreamweaver Tutorials]

Tutorial by Paul Noia

This is a very simple technique that will have you creating roll-over buttons like the pros in just 3 easy steps! Before we get started, right click on the buttons and save them to the desired images folder:

buttonUp

Step 1: Create a new HTML page in Dreamweaver.

Create New Page In Dreamweaver

Step 2: Click the "Insert" button which is the 4th button from the left up top. In the drop down menu, select "Image Objects" and then select "Rollover Image".

Select Rollover Image from Insert Menu

Step 3: A window will open titled "Insert Rollover Image". Fill in the fields as illustrated below and click OK when done.

Insert Rollover Image Window

You're Done! Dreamweaver will create the final code which should look like this:

Click on the button below to download the source files for this tutorial:

[Back To Top]

Marketing efforts not working? Need a "wallet friendly" way to get your products and services out there? Well what are you waiting for?!

[Get Adobe® Reader®]

Opt-In eMail is Best

Think twice before switching your company's phone service to Vonage.

Read on...