Join Chris Converse for an in-depth discussion in this video About the exercise files, part of Design the Web: Getting CSS from Photoshop.
And this course has two sets of exercise files. If you're a premium subscriber, to Lynda.com online training library. You'll have access to all of the folders inside of this archive. If you're not a premium subscriber, you'll have access to folders two, three and four. So inside of folder one is a source Photoshop file. This is simply a Photoshop file that contains a series of text and graphic layers, so if you don't have access to this file you can certainly work from any layered Photoshop file. Inside of folder two is an HTML file. So if you'd like to follow along with some of the CSS and HTML you can open this file up in your preferred text editor.
Inside of Folder three, Layer Groups, we're going to get a series of elements using layer groups inside of Photoshop beside all of this HTML content here. And then inside of Folder four, CSS Animation, we're going to use Photoshop to get coordinates for this logo and then pick a starting point and ending point to animate this across our stage using CSS3 Animation. So now that we're familiar with the exercise files. The first thing we're going to do is get type styles from a text layer inside of PhotoShop.
Note: If you don't have any HTML files of your own, Chris has provided free files to all members of the library, so you can get hands-on experience integrating the CSS.
The Design the Web series was created and produced by Chris Converse. We are honored to host this content in our library.