CSS

Get Photoshop Designs Converted into Code the Easy Way!

This video course at Educator.com teaches you how to convert Photoshop PSD files into HTML and CSS web pages. Anyone who uses Adobe Photoshop to create web designs can benefit from this course by Candyce Mairs! This course teaches you how to expand your graphic design skills beyond Photoshop and into web pages.

Learn the concepts of CSS positioning and page layout working in a program you are familiar with. Learn how to set up your designs within Photoshop and get those designs into code the easy way. Become familiar with how a browser understands your design layouts before you move them into code to make the transition an easy process.

Adobe Certified Instructor & Expert Candyce Mairs will walk you through the transition process and get you working on the web in no time!

View Free Lessons and Learn More

Exploring CSS Positioning

Controlling Layout with CSS

CSS enables you to control the look and layout of a web page much more precisely than you could with HTML alone, but it can be time-consuming to learn. In this innovative workshop, expert developer Candyce Mairs makes it quick and easy, walking you through the process of adding content to a web page and using CSS to position that content. You will learn CSS positioning concepts like the CSS “box model,” “floats,” and “clears,” and gain a deeper understanding of how HTML and CSS work together to create the look of your web page. By speaking the same language as the browser, you will learn to work with the browser to place content accurately and easily.

Topics include:

– Previewing pages in browsers
– Customizing the HTML editor
– HTML vs. CSS: which does what?
– Building the header area
– Adding the navigation menu
– Positioning using a float
– Adding background colors and images
– Comparing the web page to the graphic design

Author: Candyce Mairs
Level: Beginner
Duration: 3h 57m
Released: May 24, 2012

LEARN MORE

Exploring CSS Positioning Trailer