How do you make different sections into tabs like the one in the picture like photos, sponsors, contact us ect.

You'd do that with an image map. Image maps define specific shapes and areas of an image, in html, that are to be links. See if this helps at all: http://www.htmlgoodies.com/tutorials/image_maps/article.php/3479741