Photoshop-Pack Features Photoshop-Pack Tutorials Photoshop-Pack Support Forums

PSD to CSS – Tutorial of the Week – June 23, 2009

This weeks tutorial is from our friends at CSSHowTo.com and teaches us how to take your PSD site design and turn it into a HTML/CSS coded website.

From the tutorial: “One of the hardest parts of converting a PSD design into a well structured and semantic CSS/HTML layout is first knowing where to start. Although that may sound simplistic and obvious, it really does matter how you begin and that you build on strong foundations to start with.

In this series of articles I will take you step by step through the conversion process and look at decisions that need to made on the way and how those decisions may need to adapt as things progress. The article will not address any specific graphic techniques (e.g. slicing and optimising) as this varies from paint package to package and is not the subject of the article. You will of course need to know how to do these things and I am assuming that you already have this basic knowledge.”


View the entire tutorial here

Share and Enjoy:
  • Digg
  • del.icio.us
  • Facebook
  • Google
  • Design Float
  • LinkedIn
  • Live
  • MySpace
  • Reddit
  • Technorati
  • TwitThis


One Response

06.23.09

Thanks for the articles.  I am trying to get better with Photoshop.  I have just begun using CSS.  I dabbled in web design like 10 years ago, now I have used it a little for my Dog Training website.

Leave Your Response

* Name, Email, Comment are Required

Sponsors

About Photoshop-Pack

Photoshop-Pack is your number one resource for Adobe Photoshop Tutorials, Interviews, Inspiration, Videos, Tips, and Support for the beginning, intermediate, and advanced user.

Contact us at info[at]photoshop-pack.com if you have comments, suggestions, or would like some more information about us.

Online Casino