Sign In | Subscribe
Start learning today, and be successful in your academic & professional career. Start Today!
Loading video...
This is a quick preview of the lesson. For full access, please Log In or Sign up.
For more information, please see full course syllabus of Photoshop Designs to Code
  • Discussion

  • Study Guides

  • Table of Contents

Bookmark and Share

Start Learning Now

Our free lessons will get you started (Adobe Flash® required).
Get immediate access to our entire library.

Sign up for

Membership Overview

  • Unlimited access to our entire library of courses.
  • Search and jump to exactly what you want to learn.
  • *Ask questions and get answers from the community and our teachers!
  • Practice questions with step-by-step solutions.
  • Download lesson files for programming and software training practice.
  • Track your course viewing progress.
  • Download lecture slides for taking notes.
  • Learn at your own pace... anytime, anywhere!

Creating a Style Guide

  • Once your design is finalized and you are going to start your design conversion, you must plan for all of the styles within your document
  • Websites are comprised of HTML & CSS
  • The CSS portion consists of style definitions which must be specified
  • It is a good idea to create a style guide that stores all the style information
  • This simplifies the conversion process once you move into the web side of this process
  • The style guide contains information about what styles you wish to use within the various areas of your web page
  • During the design creation, decisions were made to use specific colors, fonts, sizing, etc.
  • The style guide is a listing of these styles placed into a single document
  • This is a great reference for the web site moving forward as it simplifies the branding for future maintenance of the site