All courses

Développement

Break Down and Integrate a Mockup

Web developers should be able to break down the mockups they receive from designers. How can they integrate these designs in HTML and CSS?
DifficultyMedium6 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

Contributors

Instructor

Emily Reese

Emily's from the US and lives in Paris, France. She's Head of the Technology Academy at OpenClassrooms.

Created by

OpenClassrooms

Last updated: 1/23/2025

License

Développement

Break Down and Integrate a Mockup

DifficultyMedium6 hours
Free-access course