- 4 hours on-demand video
- 7 articles
- 8 downloadable resources
- Full lifetime access
- Access on mobile and TV
- Certificate of Completion
Get your team access to Udemy's top 3,000+ courses anytime, anywhere.Try Udemy for Business
- 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
This lecture covers how to slice up your Photoshop Mockup and how to Save for Web & Devices.
- You will learn how to take a Photoshop Mockup and Save Optimized images and assets for use in your website
Learn how to purchase a domain name, a hosting package, install Wordpress and publish a blog post in 10 minutes or less with this step-by-step tutorial.
CHEAP BUT AWESOME HOSTING PACKAGES
Look no further for a hosting package for your website! I've recommended JustHost to my friends, my family, my clients and tens of thousands of my online students!
I also use JustHost for ALL of my personal & professional projects, and have been a very happy customer for 7 years. Hosting packages start as low as $3.95/month, Unlimited GBs of space, Unlimited Domain Hosting, Unlimited Email Accounts, and an Anytime Money Back Guarantee, you simply cannot go wrong with these guys.
You can purchase your domain & hosting by using this link: http://bradhussey.ca/justhost-psd2html (affiliate link)
The hosting link I provide in this video is my personal affiliate link. At no extra cost to you, I receive a small commission should you decide to purchase hosting with my link. Think of it as a "free tip"! I have personally used, tested, and have had an amazing experience with JustHost for 7 years now — I would NEVER recommend this service to you if I didn't 100% stand behind it :)
Should you decide to purchase hosting through my link, thank you so much, I truly appreciate it.
SPREAD THE LOVE
Did you like this video? Have I helped you out in any way? If so, please share the video with your friends on Facebook & Twitter.
Click this link to tweet the video: http://bradhussey.ca/tweet-host-tutorial
SUBSCRIBE FOR MORE
I provide more free tutorials, resources and write about my lifestyle at http://bradhussey.ca. Subscribe for free updates using this link: http://bradhussey.ca/subscribe.
Thanks for watching. You're the best!
- Adobe Photoshop CS3 or higher
- Very basic knowledge of HTML & CSS
- Text Editor (TextWranger, Espresso, or Coda recommended)
** 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!
- This course is intended for beginners who have minimal knowledge or experience in Photoshop, and coding HTML & CSS
- A very basic understanding of HTML, CSS, and Photoshop is recommended
- First year web design students can greatly benefit from this course!