How can you convert a PSD to HTML?
This is a rough introduction to how to do PSD to HTML conversions.
This is a rough introduction to how you do PSD slicing and convert them
into valid, semantic XHTML / CSS code that works cross-browser.
Software I use for slicing
(indispensable): You can use Fireworks instead but there’s a chance it
could misinterpret the PSD and the colors and shapes might go haywire.
Knowledge needed for PSD to HTML slicing
knowledge of XHTML: You must know all the tags XHTML 1.0 offers and the
minor semantics of everyone of them under all circumstances.
knowledge of CSS: You should know all possible styling rules for each
and every of the HTML tags. In addition, you know how to stack
selectors in ways that not only benefit you but also good for your
users who are very likely going to modify your code at real
implementation. You must also have a very well organized set of CSS
tricks / tips / hacks for coding every problem out - be it cross
browser techniques, browser specific problems and many many others.
These
can be learned by practicing for years and learning from mistakes and
trials, but you can also submerge yourself in all the things Google
could offer you. Search for a solution.
to attain XHTML / CSS superpowers which may very well takes years in
time. Be persistent and keep learning as well as practicing.
What makes a good conversion?
For more practical examples of excellent PSD to HTML conversions, read them , dude?
A: Fire your browser and head to here to submit a contact form.
About the author
Tags: browser software, code style, colors and shapes, css code, css tricks, further development, good sense, google, hacks, html conversions, html tags, microsoft expression web, modularization, psd, rough introduction, selectors, semantics, simplicity, superpowers, w3c css