I have created what I want my website to look like in Photoshop and have saved every file for web use and even have several different versions with varying amounts of layers showing in one.

Here is every layer.

This Should be the background of my website for the rest of my images to be positioned over.

I also have Images customized for a trick I learned for creating hover effects and have all these kinds of images.

Anyone have any advice for me or can explain how to position my elements with just some simple code I can wrap my head around. Also any good software or tricks to easily determine the coordinates to use.