{{ 'course-page-playlist-no-lessons-placeholder' | i18n:'This class does not have any lessons yet, please check back once the live broadcast has ended.' }}

On Air

Ask {{ ctrl.course.instructors[0].profile.name }} a question:

Class Info

{{ 'gifting-button-with-price' | i18n:'Gift this Class for' }} {{ ctrl.price.current_price === 0 ? 'free' : (ctrl.price.current_price | centsToDollars:'$':2:true) }}

For {{ ctrl.price.current_price === 0 ? 'free' : (ctrl.price.current_price | centsToDollars:'$':2:true) }} you get:

  • {{ ctrl.segments.length }} Video {{ 'lesson' | pluralize:ctrl.segments.length }} in HD
  • Exclusive bonus content
  • Lifetime access, anywhere, anytime
  • Streaming and downloadable files
  • Available on desktop, mobile and tablet
  • Watch offline with iPhone & iPad
  • 100% satisfaction guarantee

On Air Broadcast
{{ ctrl.broadcast.start | unixDate:'dddd MMM Do':true }} - {{ ctrl.broadcast.end | unixDate:'dddd MMM Do':true }}
{{ ctrl.broadcast.start | unixDate:'h:mma':true }} - {{ ctrl.broadcast.end | unixDate:'h:mma z':true }}
Click here to join the LIVE studio audience in {{ ctrl.course.filming_location }}!

Master your web site from front to back

What happens after your web design comp is approved? How do you create the web graphics from Photoshop, Illustrator, or Sketch? How is design translated to HTML and CSS?

This course will walk you through the process of evaluating, planning, and creating a web page from a design comp. We’ll explore strategies for setting up your HTML, slicing and saving web graphics, and applying CSS rules that will re-create your design vision in a browser.

When we’re finished, we’ll have a working web page that will respond to varying screen sizes, as well as paper. Choose to follow along with the video, with the provided project files, or simply evaluate the final project as you watch the instructor.

What you’ll learn:
  • How to evaluate aspects of a design for conversion
  • How to structure the HTML
  • To make decisions how the graphics should be created
  • What graphical formats you should use
  • How to add fonts and style text in CSS
  • Using CSS for layout
  • Incorporating graphics with HTML and CSS
  • Using media queries for screens and paper

Class Materials

Watch offline with iPhone & iPad

Class Reviews


Student Work