• Aller au contenu
  • Choisir la langue
  • Aller à la recherche
OpenClassrooms.comOpenClassrooms.com
Nos formations
100% en ligne et à votre rythme.
Comparer nos formations
Apprendre un métier
Formations diplômantes
Apprenez un métier d’avenir grâce à des projets concrets et un mentor individuel.
Découvrir un sujet
Cours en libre accès
Développez vos connaissances avec plus de 500 cours régulièrement mis à jour
Alternance
100% en ligne et à votre rythme.
Étudiants
Se former en alternance
Démarrez une nouvelle carrière grâce à nos formations diplômantes en alternance 100% en ligne, financées et rémunérées.
Voir les opportunités d'emploi
Accédez à des milliers d’opportunités d'emploi en alternance partout en France toute l’année.
Employeurs
Recruter en alternance
Accédez aux profils qualifiés toute l’année, créez une offre d’emploi avec l’IA ou recevez une sélection des meilleurs talents.
Finaliser l’embauche d'un candidat
Vous avez trouvé le candidat idéal ? Partagez ses coordonnées pour poursuivre le processus de recrutement.
Financements
Pour les employeurs
Formez et recrutez des talents grâce à un espace tout-en-un.
Découvrir notre solution
Formation & reconversion
Développer les connaissances
Bibliothèque de +500 cours en autonomie - SPARK
Booster les compétences
Programmes intensifs mentorés - BOOST
Accompagner les reconversions
Parcours de formation mentorés - PIVOT
Recrutement
Recruter en alternance
Accédez aux profils qualifiés toute l’année, créez une offre d’emploi avec l’IA ou recevez une sélection des meilleurs talents.
Finaliser l’embauche d'un candidat
Vous avez trouvé le candidat idéal ? Partagez ses coordonnées pour poursuivre le processus de recrutement.
Break Down and Integrate a Mockup

Table des matières

  • Partie 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

  • Partie 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

    • 6

      Get some practice integrating a mockup in HTML and CSS

Table des matières

  • Partie 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

  • Partie 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

    • 6

      Get some practice integrating a mockup in HTML and CSS

Mockup and Photoshop basics

Testez vos connaissances !

Créez un compte gratuitement ou connectez-vous pour suivre ce cours et faire ce quiz.
Créer un compteSe connecter

Question 1

Question 2