Tous les cours

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?
Moyenne
6 heures
Ce cours en libre accès vous intéresse ?

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!

Objectifs pédagogiques

  • 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

Contributeurs

Professeur

Emily Reese

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

Créé par

Mis à jour le 23/01/2025
Licence

Développement

Break Down and Integrate a Mockup

Moyenne
6 heures
Cours en libre accès