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: arbennett.me.uk
Video Rating: 4 / 5

Tagged As: , , , , ,

14 Responses to “Turning a Photoshop Design into a Working Website”

  • mieren47 on March 21, 2012

    Super helpful! Thanks for posting!

  • lengyeang on March 21, 2012

    Absolutely first class. 

  • anoldtunesmith on March 21, 2012

    This was really well done. I can’t stand those tutorials where the person just keeps yapping and doesn’t get to the tutorial until have way through the video!

  • Kezazaa on March 21, 2012

    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

  • MrOlav1000 on March 21, 2012

    please do Dreamweaver CS5 ;D

  • Gooneryz on March 21, 2012

    the best tutorial on the subject in photoshop.Thanks mate you did a great job =]

  • gilberteaz on March 21, 2012

    Great tutorial good pace and very clear. Other videos I came across went from slicing in photoshop to hand coding in CSS in dreamweaver which is harder to learn. Thank you very much!

  • agolden847 on March 21, 2012

    Very concise and clear, really, thank you so much for putting this up!

  • BigPumaGaming on March 21, 2012

    This helped so much!

  • TheGarabato00o on March 21, 2012

    I think i love you…
    

  • andtastic1 on March 21, 2012

    nice tutorial, easy to understand and well presented. 10/10

  • KitsuneSenko on March 21, 2012

    How do I get to that alignment stuff in CS4 for PC?

  • ristacat82 on March 21, 2012

    Thank you very much for this tutorial. It was nice that you attached a file so we could follow along. The directions where very good and easy to follow.

  • pleven87 on March 21, 2012

    thank you for the lesson, but i have a problem -> when i make one of the images to link the anothers images dont stay in position. they makes some space between them .. if some one can tell me what is the problem thanks