All coursesWeb developers should be able to break down the mockups they receive from designers. How can they integrate these designs in HTML and CSS?
Développement
Break Down and Integrate a Mockup
Medium6 hours
Interested in this free-access course?
A mockup is the first document that will breathe life into your website. It's a visual rendering of a website in image form that you'll be responsible for translating into HTML and CSS based on the specifications provided. Whether the mockup comes from a designer on your team or from the Web itself, you should know how to dissect them and piece them together into the languages of the Web!
Learning outcomes
- Understand what a mockup is and who makes them
- Conceptualize visual components as HTML elements
- Pick apart text and graphic effects
- Recreate a page structure in HTML
- Integrate a Bootstrap grid for a great layout
- Add CSS rules to your project
Table of contents
- Part 1
Breakdown a mockup
- Part 2
Integrate a mockup