The process of turning a design into code is fairly straight forward. It starts with the designer creating their vision of what the website should look like. This includes background colors, font families, content layout, navigation options, footer styles, pop-up windows & so on. The designer then sends the developer a layered PSD file, a flat PDF file or some other version of their design.
A few examples of websites that I’ve taken from design to code are: