Create a Text Box for Web

I'm all new to photoshop and something I'm looking to achieve is to create a psd file where I apply html / css to a website.

I'm really interested to know how I'd go about creating a box with text inside along with two colours and a button which when clicked will direct my user to another page.

If you look at the attached, this is exactly what I want to achieve.

Thank You