Website Design Tutorial: Photoshop to HTML5 and CSS the Right Way – Part I


Learn how to create a website from start to finish. We start designing our website in Photoshop using the 960.gs framework, eventually making our way to Notepad to put our designs to work.

Music by Dan-O at DanoSongs.com

I have already done a tutorial series on creating a website, but that was a very basic take on HTML and CSS.

No, I wasn’t sad or sick. I was lacking privacy today so I was trying to keep my voice down.
N6RO4mRYlK8

25 Comments


  1. Can’t believe this video has so many views. The audio quality is horrible
    and I sound like I’m mumbling. When you consider I was recording with an
    old Guitar Hero microphone, it is surprising you can hear me at all.

    I hope you watch this video and check out my newer stuff. It gets better, I
    promise.

    Reply

  2. from where to get the transparent column and background ?? 

    Reply

  3. how you have created transparent header as well the whole transparent
    design 

    Reply

  4. hi!
    Have a question, why are you putting a dot before each text?

    Reply

  5. Customizing the design of your website properly is important. It’s very
    essential in creating a user friendly and responsive website.

    Reply

  6. Love you and love your video … You are great

    Reply

  7. Thank you very much! Great tutorial. I have watched many tutorials about
    this but this is best.

    Reply

  8. Hi, in minute 9:40 how did you created the shape layer?

    thakns in advance!

    Reply

  9. Website Design Tutorial For Beginners

    #photoshop #html #html5 #css #css3 #webdeveloper #designer #tutorial
    #guidelines 

    Reply

  10. Hi, can you please make a tutorial on how to add Login and Register in
    Photoshop to HTML5 and CSS. Thnks a lot!

    Reply

  11. Hi, in minute 9:40 how did you created the shape layer?

    Cheers

    Reply

  12. What version of Photoshop are you using?

    Reply

  13. Hi, I’m a beginner and wanted to know where to buy the most affordable
    Photoshop software. Thanks a lot! You are amazing!

    Reply

  14. Can you add a download for the Main Page where it said “Some Guys Website”?

    Reply

  15. Photoshop to HTML is dead…

    Reply

  16. This seems more like a magazine page to me rather than a website.

    Reply

  17. Clearly explained. Good job!

    Reply

  18. Website Design Tutorial: Photoshop to HTML5 and CSS

    Reply

  19. Website Design Tutorial: Photoshop to HTML5 and CSS

    Reply

  20. Website Design Tutorial: Photoshop to HTML5 and CSS

    Reply

  21. It;s good to see others using Photoshop and make it look simple to work.
    Very valuable video here!

    Reply

  22. can you use GIMP for the 960gs too?

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *