©2012 Cōdify Design Studio, LLC
Bring your Web Design to Life
Creating Rich Media Websites with Adobe Creative Suite
Bring your designs to the Web with these easy-to-follow video tutorials, lesson files, and reference guide.
Follow along as award-winning designer and developer Chris Converse leads you through the process of bringing a Web design to life in a Web browser. Learn techniques for "slicing" a design comp created in Adobe Photoshop into graphics that you will reference in your CSS files. Then use Adobe Dreamweaver to build HTML and CSS files from scratch, while occasionally peeking "under the hood" at the HTML code being generated. Once your design is complete, Chris highlights key features of the rest of Adobe Creative Suite Web Premium, including creating templates and site projects in Dreamweaver, editing video in Photoshop Extended, animating Illustrator files with Flash Professional, creating an FLV video player in Flash, using the Adobe Media Encoder, placing Flash assets into your Web site with Dreamweaver, and using Adobe's Spry framework for Ajax.
Previews
Features of the Reference Guide
View the Full Reference Guide SWF (4.8 Mb)
Watch Intro Video FLV (66 Mb, 5:07 Min.)
Watch excerpts from thie video series on Smartnocities.com
2011 Dreamweaver Tour
featuring Chris Converse
Receive a copy of Bring your Web Design to Life when you attend one of Mogo Media's Dreamweaver: Deisgn & Create Your Website seminar. Find a city near you.
See all of Chris' events.
Where to buy
Order your copy from:
• Peachpit Press
• Peachpit Press AIGA member discount
• Pearson Higher Education
• Amazon
• Borders
• Softpro Books
• Tower Books
Online Resources
Find more information that relates to specific areas of this video series with the links below.
Session 1: Getting Your Design to the Browser
Slice your layout and export images using Photoshop
Image Slicing in Photoshop CS3
Slicing and Saving Graphics in Photoshop for Use on the Web
Advanced CSS Layouts: Step by Step
Session 2: Using CSS to Style Your Navigation
30 Exceptional CSS Navigation Techniques
CSS Sprites: What They Are, Why They're Cool, and How To Use Them
Session 3: Creating a Reusable Design Template
Dreamweaver templates: Customizable starter designs for beginners
Session 4: Adding and Modifying Content
Session 5: Designing, Fixing, and Enhancing Sound
Fix that annoying pop or cell phone distortion in SoundBooth CS3
How to repair audio in Soundbooth CS4
Adobe Soundbooth Beta First Look: Simplified Audio Editor for Quick Sound Editing
Session 6: Adding Sound and Animation with Adobe Flash
Session 7: Adding and Styling a Spry Widget
Applying design to Spry widgets
Session 8: Working with Form Elements
Session 9: Editing, Animating, and Encoding Video
Editing Video Using Photoshop Extended
Editing Video in Photoshop CS3 Extended