Webdesign to Site conversion process

Phase 1 - Set Up Design (웹페이지를 한장의 이미지로 표현한 모의 웹페이지가 먼저 작성되어야 한다)

1. Finalize the web design mock-up. Be sure the design is finalized before you begin the conversion.
2. Create the wireframe page.

Phase 2 - Style Guide Documentation

3. Document the styles used for each section of the wireframe:
   a. Document font details, including colors for background images, fonts and borders.
   b. Note that this documention becomes the style guide for building your pages

Phase 3 - Organize Content

4. Plan out the boxes for the page content.
5. Give each box a name.
6. Plan how you will nest these boxes.
7. Determine what images you require for the page.

Phase 4 - Slice & Dice

8. Slice the design.
9. Optimize the images you'll use for the web.
10. Save your optimized images.
11. Move into the coding phase.