Beginner Photoshop to HTML5 and CSS3 (Udemy.com)
Learn how to convert a Photoshop design into HTML5/CSS3 using Dreamweaver.
Created by: Carl Heaton
Last updated September 2017
What you will learn
- You an take a UI design and turn into HTML and CSS.
Quality Score
No CourseDuck member has rated this course yet. Taken it? Give each part a thumbs up or down.
Overall Score : 86 / 100
Course Description
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.
Knowing how to use Adobe Photoshop is essential for any business, from photo enhancements and page design, to creating marketing materials and presentations.
This course will give you the understanding and in-demand skills to use Adobe Photoshop and produce professional designs and images. With WCB you can choose the best way to learn for you.
COURSE OVERVIEW
Photoshop is a fantastic skill for everyone wanting to make images better. If you want to retouch your photos, create a banner for Facebook, or even create a magazine cover, this course is ideal for you.
Start by learning how to use the main tools to create simple designs. After the first class, you will be able to understand the brush tools, layers and the interface. Turning the complexity into something filled with possibilities.
Instructor Details
- 4.3 Rating
3,455 Reviews
Carl Heaton
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!
More courses by Carl Heaton
More Photoshop courses
Product Photography Retouching In Adobe Photoshop (2018)
5.0 (20 Reviews)
Provider: Fiverr
Time: 3.6h
$38
Adobe Photoshop CC: For Complete Beginner (Sinhala Medium) (2026)
4.9 (110 Reviews)
Provider: Udemy
Time: 8.4h
$59.99
Adobe Photoshop CC – Essentials Training Course (2025)
4.8 (36,753 Reviews)
Provider: Udemy
Time: 11.6h
$189.99
Reviews
By Bobby Oshaghi on 1/11/2018
As a free course, that was good. I like nice and clear explanation of teacher. CSS part was a long video which could be divided into more parts. And I'd like to see more details, as the content was very basic.
By Felipe Santamaría on 6/2/2017
No conocía la manera de dividir los sectores en photoshop para el desarrollo de una página web. Tenía conocimientos relacionados con HTML5 y CSS pero no sabía muy bien como aplicarlos, ahora entiendo mucho mejor el manejo de esos lenguajes de programación.
By Pankaj Ramola on 12/17/2016
It's very good especially the way css is taught and html so that it doesn't seem very big or hard it seemed very easy and fluent . Thank You Carl Sir it made me confident That I can also make my own and my friends online portfolio.
By Yasir Abbas on 7/1/2016
Classes, ID, Nav etc in CSS lectures are incomplete. Teacher did not give enough explanation to what classes, Div etc are, why and when to use them and how they work together in html and css.
By Rushikesh Vijay Bhopatrao on 6/23/2016
fantastic..i really love this course. now i m quite really friendly with html and css. thanks for the instructor to deliver this course for free. u really rocks, keep on adding the upgraded courses so we can bring our knowledge to the next stage.
By FERNELIS PIÑA on 5/14/2016
This is so far the BEST COURSE!! I COULD FOUND And it´s FREE!! Other paid courses are junk information and difficult to understand due to a bad english. THANKS . I´m willing to paid for your more advance or upcoming courses guys.
By Zia-Ur-Rehman Mughal on 5/2/2016
Its good for having Basic knowledge of Photoshop users, & having basic knowledge of HTML as well. I would recomend here the users who are not familiar with HTML/HTML5 designing + Photoshop should go to take basic courses from Udemy to understand this "Slicing & Dicing". Regards
By Shun Miyaki on 3/17/2016
This course touches web design in both Photoshop and Dreamweaver so it provides a good idea of workflow, and how the software work with each other. A good course that covers all the basics.
By Christina Pappa on 10/23/2015
Some things needed some more explaining from the beginning. Such as tags and especially in css3, the different symbols { } and commands .
By Mitchell Marsh on 8/25/2015
So easily explained ,I must admit that this was the real premium quality even better than the top web dev courses I've taken from the toppers in the field.. but I never understood Web Development..Thanks for creating this course..!!








