Course Information
Registration period
Year-round Recruitment
Course Level
Study Mode
Duration
4 Hour(s) 11 Minute(s)
Language
English
Taught by
Brad Hussey, Code College
Rating
Course Overview
Convert Photoshop Designs into Stunning HTML5 & CSS3 websites with confidence. Absolutely no prior experience necessary!
** Course Updated November 26th, 2014! **
New lecture added: Code a CSS Sticky Footer
- - -
The Best Way to Learn HTML5 & CSS3
PSD to HTML5/CSS3 is a simple course that will teach you to take a Photoshop Mockup Design and hand-code it into a beautiful, semantic, valid HTML5 & CSS3 website.
Start Speaking the Language Right Away
Just like learning a human language, the best way of learning is by speaking from day 1—this course is similar in the sense that we'll begin speaking HTML5 & CSS3 right away!
I believe this is the best way to learn HTML5 and CSS3.
It's simple. It's easy. You can do it!
If you’ve always wanted to know how to build your own website, or have wanted a simple and comprehensive way to dive into PSD to HTML5 & CSS3, this course is definitely for you.
Real World Example
One of my students, who had no previous web design experience, took my course and ran with the skills he acquired. He built a brand new website for his Barbershop in Vancouver!
So, what are you waiting for?
Do you want to hand-code your first website in 4-hours? Let's do this!
Course Content
- 8 section(s)
- 24 lecture(s)
- Section 1 Introduction
- Section 2 Preparation
- Section 3 The PSD
- Section 4 HTML
- Section 5 CSS
- Section 6 Validation
- Section 7 Conclusion
- Section 8 Brand New Bonus Lectures!
What You’ll Learn
- In this course, you will learn how to slice up a Photoshop mockup and hand-code valid HTML5 & CSS3
- By the end of the course, you will be able to turn a PSD into a beautiful, usable, and valid HTML5 & CSS3 website
Skills covered in this course
Reviews
-
SSamuel Adeoye
It is a good course for beginners.
-
MMikey Nichols
I understand this was created in 2012, but in 2019 it leaves you without any real-world skills. The lesson will not show you at all how to use Photoshop to create a mock-up. That is already done for you. You instead, get to slice up somebody else's mock-up, and begin writing HTML. Its primary focus is HTML and CSS, which he actually uses his finished HTML file as a reference to each and every change. I came into this course with those skills in hand, so I was not impressed. I thought it was a a poor strategy that he introduces some more advanced topics of CSS like transitions, but then encourages you to simply type them in and research on your own how they work. I get it, trial and error leads to success, but when you pay for a course, you should be instructed the material, especially if you are using it in the lesson. I would have preferred you not even include advanced topics if you are not going to explain them in any detail. I have used Photoshop enough to know that there are easier ways to achieve this lesson, but I figured I would be learning those. The part that made me least happy was when the finished product was crafted and I found it was completely non-responsive. The page is only designed to look good on a ~900px to ~1600px wide screen. I hate to be so hard on this course, but I was thoroughly unimpressed and disappointed.
-
JJocelyn manuel
This course, gives me an amazing knowledge on html5 and css3. the instructor is direct to the point and very knowledgeable on each topic discuss.
-
MMitzi Soto
Some of the video is low quality so I can't exactly read what he typed but other than that everything is great for this course.
