Rollover Button

Create a new document using whatever dimensions you want your button to be.

Create your button image you want to use. I will not guide you through how to do this as I am just showing how to do the rollover part.

Once you have created your button, select the Slice Tool

Create a slice of your whole document.

Make sure you have the Web Content window open.

You can get to this by clicking Window then ticking Web Content.

Right click the Untitled-1_01 and select "Add Rollover State"

If you right click where it says Over you will have different options of which state you want it to be. For this tutorial we are just doing a rollover so you can leave this at Over.

With Over selected make changes to your button that you want to happen when you rollover it.

When you are happy with what you have done, go to File » Save Optimized As...

Type the name of the html file you want to save it as. Then hit Save.

An example of my button can be seen here