Beginner Photoshop to HTML5 and CSS3

Learn how to convert a Photoshop design into HTML5/CSS3 using Dreamweaver.
Free tutorial
Rating: 3.9 out of 5 (3,272 ratings)
141,340 students
Beginner Photoshop to HTML5 and CSS3
Free tutorial
Rating: 3.9 out of 5 (3,272 ratings)
141,340 students



In this course you will learn how to create a basic website using Phohoshop and Dreamweaver. You will be able to use Photoshop to create a design for your website and use Dreamweaver to organise the content and make the website fully functional. The website will contain 5 pages : Home, About me, Services, Portfolio and Contact and all the images and support materials are provided. By the end of this course you will be able to make a basic website and put it Live.

To see the website you will make goto:

Course content
6 sections • 22 lectures • 1h 58m total length
  • Udemy PSD To HTML Intro 1
  • Final Website
  • Links to download programs
  • Homepage PSD
  • Session 3 Slicing And Dicing
  • Powerpoint image filetypes
    3.6 MB
  • Choosing The Right Image Format checklist
    85.5 kB
  • About No Slices
    10.8 MB
  • About Slices
    12.8 MB
  • HTML
  • Homepage With Tags and Sections
    348.1 kB
  • HTML
    390.1 kB
  • Homepage HTML
    2.1 kB
  • Homepage Images zip
    59.7 kB
  • Session 4 CSS
  • Final Website files
    870.7 kB
  • CSS styling
    70.2 kB
  • Filezilla
    3.7 MB
  • Hostgator
  • Namescheap
  • Screencast on how to put your website LIVE
  • Getting information from a PSD to use in your code

UX Consultant and Web Design Instructor
Carl Heaton
  • 4.3 Instructor Rating
  • 12,688 Reviews
  • 314,796 Students
  • 5 Courses

Carl is the founder of Web Courses and a UX consultant for the United Nations. At Web Courses Carl teaches Web Design and Online Marketing to people from all around the world. He has been designing websites for over 16 years and is passionate about creating usable designs and creative online marketing strategies for WCB and their clients.

Accessibility is a big passion of Carl's and has spoken at UN conferences on Inclusive Business around South East Asia. Recently he has been invited to give Social Media Marketing advise to UNAIDS as part of a new Asia campaign.

When not UX`ing, HTML'ing or teaching there is nothing more Carl likes than a blank canvas on Adobe Photoshop, a tool he has been using since version 3.0!