list 2 séquences
assignment Niveau : Introductif
label Informatique & Programmation
chat_bubble_outline Langue : Anglais
card_giftcard 3.6 points
- /5
Avis de la communauté
0 avis

Les infos clés

credit_card Formation gratuite
verified_user Certification payante
timer 6 heures de cours

En résumé

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!

There will be a certificate of achievement in this course! 

By the end of this course, you'll learn:

  • what a mockup is and who makes them;
  • how to conceptualize visual components as HTML elements;
  • how to pick apart text and graphic effects;
  • how to recreate page structure in HTML;
  • how to integrate a Bootstrap grid for a great layout;
  • how to add CSS rules to your project.

Pre-requisites: this chapter from our Dive into Bootstrap course called What's a Grid?

more_horiz Lire plus
more_horiz Lire moins
dns

Le programme

Part #1 - Breakdown a mockup
1. Discover the concept of a mockup
2. Find and open a mockup
3. Translate visuals to HTML elements
4. Analyze dimensions and sizing
5. Breakdown images and fonts
Quiz: Mockup and Photoshop basics

Part #2 - Integrate a mockup
1. Set up basic HTML structure
2. Add page metadata
3. Integrate a Bootstrap grid
4. Understand basic CSS principles
5. Integrate specific CSS rules
Activity: Integrate a mockup in HTML and CSS

Certificate of achievement

record_voice_over

Les intervenants

Emily Reese
Emily's from New York City and lives in Paris, France. She's a web developer (formerly at Kickstarter), teacher at OpenClassrooms, and more!

store

Le concepteur

OpenClassrooms (anciennement le Site du Zéro ou SdZ), est un site web qui propose des cours autour de l'informatique, des sciences et de l'entrepreneuriat.

Les cours en ligne peuvent être réalisés aussi bien par l'équipe du site, des professeurs d'universités ou de grandes écoles partenaires que par ses membres.

Aujourd'hui, les cours sont disponibles dans plusieurs format : MOOC (Massive Open Online Course), texte web, e-book, livre et en vidéo. L'entreprise délivre des certifications pour certains cours, dont une reconnue par l'état, en partenariat avec IESA multimédia.

Quelle note donnez-vous à cette ressource ?
Contenu
0/5
Plateforme
0/5
Animation
0/5