Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community!

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial


Sketch file into HTML

So once I have my design ready how do I turn it into HTML so I can put it online. What are the steps in turning mockup into a web-page?

1 Answer

Olga Kireeva
Olga Kireeva
9,609 Points

I think it depends on what type of design you have. By looking at your design you need to determine which font families will be good for your design and where to get these fonts, which elements you can create with CSS, and which you need to develop with Photoshop or other graphic editor. You may already have some images ready or need to re-size or edit them. When you will have the images ready you can start creating html and css files.