PSD to HTML: The Missing Link of Web Design

Learn how to convert your Photoshop files to HTML and CSS.

Ever wonder how you actually take a website design from a Photoshop file to HTML? In this course, Chris Converse will teach you how to turn a PSD file into a live HTML and CSS site. By building a website yourself, you’ll be better prepared to work with web developers in the future—and even be able to tackle your own projects! Plus, this course will show you the basics of responsive web design. With responsive web design your design will be able to shift and display properly on the myriad of devices people use to view the web. Note: You should have some experience with writing HTML and CSS before taking this course.


Chris ConverseChris Converse is a versatile, award-winning designer who integrates creative strategy with sophisticated design. His expertise is a perfect balance between traditional and interactive mediums, including print, interactive, DVD and CD-ROM production, animation, corporate identity, branding and photography. He has worked with a long list of reputable clients, including: Adobe Systems, AOL, Comcast, Pepperidge Farm, Pfizer, Accuvue, and many more.

What Students Are Saying
“This is a great class that has significantly helped me move along on my web design learning curve. Thanks so much!” — Jeanne S.

PSD to HTML: The Missing Link of Web Design

Workshop Length:

4 weeks

Tuition:

$199 ($179 for VIP)

Recommended Materials:

Start Date:

View Workshop Schedule

Register Now!


Objectives:

  • Learn about the relationship between Photoshop files and HTML and CSS
  • Learn how to create an HTML structure to match your Photoshop design
  • Learn how to better work with web developers
  • Master the basics of building a responsive website
Who Should Take This Course:
  • Designers with some coding experience who need help building a live site
  • Designers working with a development team
Prerequisites (or comparable experience):


Register Now!

Outline:

LESSON 1: Understanding HTML and CSS
LESSON 2: Exporting graphics from Photoshop
LESSON 3: Responsive web design
LESSON 4: Critique and online resources