PSD to HTML & CSS

OVERVIEW

Course Description

This course aims to teach you not only how to convert Photoshop web designs into HTML/CSS web pages, but to do so in the most efficient way possible. While the full process from PSD file preparation to website is examined, each part is valuable on it's own containing design and programming methodologies which are intuitive and effective.

Who Should Attend?

This course can benefit:

  • Web Designers
  • Web Developpers
  • Web Integrators
  • Freelance workers

Note: A working knowledge of Photoshop CS5, Dreamweaver CS5, HTML and CSS is required. Some Javascript and PHP may be used.

BENEFITS

After attending this course, you will understand how to:

  • Prepare a PSD for sale or use by another designer/integrator
  • Prepare a PSD for HTML/CSS conversion efficently
  • Convert a PSD into an HTML/CSS format (without using built in Photoshop conversion functions)

OUTLINE

Part 1: What to Keep in Mind

  • Where design and programming meet
  • Conversion retrocausality
  • Images vs. CSS
  • Anticipating growth
  • Fluid vs. fixed

Part 2: Preparation, Optimization and Export

  • Layer selection, naming and grouping
  • Pixel perfect spacing
  • Guides and slices
  • Naming your slices
  • Saving multiple versions
  • Saving for web
  • GIF, JPG or PNG?

Part 3: HTML - Theme Skeleton

  • Preparing your HTML document
  • Planning IDs and classes
  • Good and bad HTML structure and formatting
  • Code validation
  • Entering dummy content

Part 4: CSS - Theme Styles

  • Setting up your canvas
  • Reset stylesheets
  • Using @font-face
  • Converting images to CSS
  • Checking cross-browser compatability

Questions and Answers

REGISTRATION

Registration Includes:

  • Guaranteed Reservation (Space is limited. Book early to secure your spot and avoid disappointment.)
  • Light Snack
  • Lunch
  • Information Booklet

Terms

  • You may transfer your registration to another individual who must attend on the course date that you registered for.
  • If you cannot attend your chosen date after registration, you may change your course selection for a course of equal or lesser value within a year of the purchase date. 72 hours notice is required to make this change, otherwise please refer to the refund policy.
  • Each attendee will be officially reserved when full payment has been received and processed
  • You may cancel your attendance for any reason. Refunds will be issued as follows:
    • 21 or more calendar days: 100% Refund
    • 14-20 calendar days: 75% Refund
    • 8-13 calendar days: 50% Refund
    • 0-7 calendar days: 0% Refund