In general, “PSD to HTML” is a workflow. First, a web page is
designed in a psd Document (PSD) and then converted to code (using
image editor ( Pixelmator, GIMP, and so on), but the principle is
the same. Here’s a slightly more detailed step-by-step breakdown:
Design a high fidelity pixel-perfect mockup in photoshop of exactly what you want your site to look .
Use the slice tool to divide your website’s imagery and then export it for the web.
Write HTML and CSS that utilizes the imagery you exported from psd.
At first glance, this might seem look a good idea. It can be
difficult to start coding if you don’t know what the final result is
going to look , so experimenting in psd first and then
“exporting” it to HTML sounds a granular and sensible process.
In other words, a designer creates the psd mockup and then hands
it over to a developer that writes all of the code. In modern times, the
job role of a web designer tends to encompass aesthetics as well as html and css coding.