Turning a Photoshop Design into a Working Website

In my second tutorial I show you how turn a Photoshop design into a working website using Photoshop and Dreamweaver. I used CS4 for this tutorial but the principle is the same for most versions. You can download the Photoshop file I used for the tutorial here:

14 Comments+ Add Comment

  • if im making a website for someone else, would i need to put in a URL for each button when edit slice options? or could i just do when in dreamweaver to connect pages

    btw nice tut

  • Absolutely first class.

  • Super helpful! Thanks for posting!

  • This was very helpful thank you so much 😀

  • correct me if i'm wrong, but don't u need to find a server or something to host ur page?

  • u need a web server

  • I wish my professors could explain it this way. I just spent 10 hrs trying to figure out what the professors were getting to… when, after watching this I was done with everything in 30 mins…

  • Thank you for an excellent tutorial! I've been struggling last year to turn a Photoshop template into a webpage for days, and then gave up. It took me less than half an hour to do it this time.

  • This is a great tutorial, short, to the point and easy. Thanks! 🙂

  • Thank you for the tutorial, it's much appreciated!  You're instructions are easy to follow and to the point.  Honestly, this is probably the best tutorial that I've ever watched on YouTube.  Thanks again!

  • Wow this was extremely helpful. Thanks so much! You're a great teacher.

  • My Hero!

  • 5 years later, still a great tutorial 🙂

  • Awesome video mate even if it was 5 years ago this is brilliant! deffo get a thumbs up from me