create a html page with 3 state buttons using photoshop

I am building an app where for part of it I do the following -

User opens up a html object with a definitive size e.g. 400x300

For ease of use I use dreamweaver and do the following - make margins 0 and
just create a 400x300 image in photoshop and link it in. Currently then what i do is create
a button (3 stages, e.g. black when not active, red when rolled over and yellow when clicked down) I can then insert the button through the software and place it in the right place. But these
buttons are not part of the html page, they are on top of it, what i want to do is actually have a
3 state button inside the html - how do i do that