Beginner Photoshop to HTML5 and CSS3

Learn how to convert a Photoshop design into HTML5/CSS3 using Dreamweaver.

4.35 (3424 reviews)
Udemy
platform
English
language
Web Development
category
instructor
Beginner Photoshop to HTML5 and CSS3
153,393
students
2 hours
content
Sep 2017
last update
FREE
regular price

What you will learn

You an take a UI design and turn into HTML and CSS.

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.

Content

Chapter 1 - Introduction

Udemy PSD To HTML Intro 1
Final Website
Links to download programs

Chapter 2 - Slicing up your PSD

Homepage PSD
Session 3 Slicing And Dicing
Powerpoint image filetypes
Choosing The Right Image Format checklist
About No Slices
About Slices

Chapter 3 - Creating Perfect HTML5

HTML
Homepage With Tags and Sections
HTML
Homepage HTML
Homepage Images zip

Chapter 4 - How to Style your Webpage Using CSS3

Session 4 CSS
Final Website files
CSS styling

Chapter 5 - Putting a Website Live

Filezilla
Hostgator
Namescheap
Screencast on how to put your website LIVE

Bonus Material

Getting information from a PSD to use in your code

Reviews

Aamir
September 15, 2022
very very helpful if you have never design html web site . or curious how web site is designed from psd.
Elgee
April 22, 2021
This is probably the best free course I have ever participated in. But besides that, this is just an amazing course. Very clear instruction and teaching, and great examples. Wow!! Thank you so much for all this hard work.
Muhammad
September 13, 2020
course is excellence, lots of new things achieve, more knowledge gained, thank you so much sir Carl and Udemy team
Joseph
August 27, 2020
The course is very interesting and very educational. I think after finishing this course, we will learn a lot and will enjoy Photoshop and Web Designing. The lessons were delivered very well.
Vipul
August 23, 2020
it's ok but not enough tutorial is just basic knowledge of html with use of Photoshop and you r using very simple psd design for explain. at presently am learning web developing course on udmey my instructor is Dr, angela and she is awesome facility for understanding css and html
Ziga
August 3, 2020
It's great for complete bigginer starting with web. it's would be even better if the tools (adobe DW and PS) would be free to follow along. also the example site is offline.
Waleed
October 22, 2019
That was a nice journey,I was zero in coding and I found a lot in this course. I recomend this to everyone who knows designing and wanna get coding for web. Bundle of thanks to Carl Heaton
Muhammad
October 13, 2019
Course is really great and both teachers are great, their fluency in teaching is fantastic to learn and earn the knowledge.
Riaan
September 21, 2019
Great beginner course, presenter was very thorough and took the time to show the little details of how CSS, has an influence on the overall design.
John
July 2, 2019
Probably the best course on dreamweaver its straight to the point fantastic coding and no dogma thank you
Mohamad
July 1, 2019
Well i used the slices in Photoshop before but i have learned some more details about it e.g: 1-when you zoom to perfectly make the slices on the edges. 2-How copy exact slice (same size) 3-when you save we don't need to go to the sub-root folder. 4-Naming the user slices, it helps (organizing)
Tariq
May 25, 2019
This course is excellent for anyone who wants to get their feet wet in learning HTML and CSS. The instructor is very knowledgeable and explains complex technical stuff in easy to understand wording. Kudos!
Juan
April 13, 2019
El contenido del curso es directo y claro, justo lo que necesito para el proyecto en el que estoy trabajando.
Iftikhar
November 28, 2018
Very amazing way of teaching easy to understand the Html and CSS Code as well as Slicing practise exercise is to good to learn an easy method in Photoshop.
Sayan
August 12, 2018
Great Course enjoyed a lot. Want to study more courses under Carl Heaton. The journey was fun and interesting. Best thing was every description was given to the point.

Charts

Price

Beginner Photoshop to HTML5 and CSS3 - Price chart

Rating

Beginner Photoshop to HTML5 and CSS3 - Ratings chart

Enrollment distribution

Beginner Photoshop to HTML5 and CSS3 - Distribution chart
21386
udemy ID
7/18/2012
course created date
7/21/2019
course indexed date
Bot
course submited by