HTML & CSS (Beginner)

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.

This course can benefit:

• Web Designers
• Web Developers
• 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.

This course provides attendees with a lot of useful information. This course will help you:

• 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)

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

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

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

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

• Questions and Answers