This 3 part tutorial will go over the making of a layout from PSD to a live website. It will show you how to make a nav bar with vertically centered items. A banner with vertically centered image and div.

Preview is below videos...

Download the PSD and the final website: [LINK]

Watch Playlist: http://www.youtube.com/playlist?list=PLF3033119C859E0BD

I just shared this tute for someone who needed help in this field. I'm sure he'll find this useful.

Im going to try this, but with my own psd. Took me 2 days to get it together, but its not exactly how I want it. Very helpful though.

I've got a doubt about something.
How can I make per example, contacts, redirect to a new part of the site? Do I have to create another index? Per example, if I had www.uuuuuuuuu.com/index.php and I wanted to create a /contacts, a new page within the same site, how could I accomplish it?

I've got a doubt about something.
How can I make per example, contacts, redirect to a new part of the site? Do I have to create another index? Per example, if I had www.uuuuuuuuu.com/index.php and I wanted to create a /contacts, a new page within the same site, how could I accomplish it?

umm does this have anything to do with this tutorial? If you wanted to create  the /contacts just make a folder and put whatever index.php you want in there.

How so? I don't understand.
I wanted to create a separate page for the Contacts.
I've managed to do it by creating a contacts.html and then linking to that file, but is this the right way?

How so? I don't understand.
I wanted to create a separate page for the Contacts.
I've managed to do it by creating a contacts.html and then linking to that file, but is this the right way?

If you want an actual www.uuuuuuuuu.com/contacts/

Then create a contacts folder in your root and rename your contacts.html to index.html and put it in that folder.

Thanks, I've succeeded in doing so.