Como ya te ha dicho ContactarNET si no tienes conocimientos de HTML y CSS primero de todo, te recomiendo que veas
este enlace y cuando termines con ese, empezar con
este otro de CSS más avanzado, creo que con ellos, tendrás las suficiente información, para empezar a maquetar tu dibujo hecho en Photoshop.
Una vez tengas los conocimientos, te explico cómo lo haría yo. Primero pondría la imagen de fondo que tienes, a continuación crearía una capa con el recuadro de la contraseña, y luego con varias capas más, dentro de esta, pondría la descripción y los casilleros de usuario y contraseña. Las letras que tienes en la imagen, las metería dentro de capas, y no lo cargaría demasiado de imágenes. Pero cada uno tiene su forma de maquetar.
Saludos.