• contact@mooc-francophone.com

Découper et intégrer une maquette

Ce cours est actuellement en préinscription et sera ouvert le 12 avril 2016. En suivant ce cours, vous recevrez une alerte email dès son ouverture. Connectez-vous ou inscrivez-vous pour bénéficier de toutes les fonctionnalités de ce cours !

Introduction du cours

La maquette est le premier document qui va donner vie à votre site. C’est un rendu visuel d’un site sous forme d’image, que vous devrez ensuite traduire en HTML et CSS en vous appuyant sur les spécifications fournies. Que la maquette vienne d’un designer de votre équipe ou bien du web, il est important que vous sachiez le découper et l’assembler grâce aux langages du web !

Organisateur :

OpenClassrooms

* MOOC Francophone est un service de mise en relation sans inscription et sans intermédiaire. Nous n’organisons aucun cours, le lien « Suivre le cours » vous redirige vers la page web des organisateurs. Les participants peuvent également évaluer ce cours en cliquant ici
  • icon

    Intervenants

    Mathieu Nebra

    Entrepreneur à plein temps, auteur à plein temps et co-fondateur d’OpenClassrooms)

    Emily ReeseEmily’s

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

  • icon

    Durée

    Vous pouvez vous inscrire à ce cours à n’importe quel moment de l’année… Le  cours est disponible directement sur la plateforme OpenClassrooms 365 jours par an, 24/7, sur tous supports (PC, MAC, tablette, mobile).

    Vous pouvez également choisir de suivre les cours selon un rythme prédéfini par la plateforme (1 semaine par partie) ou bien sans rythme, sans contrainte de temps et organiser vous-même une progression régulière..

    Le rythme d’une semaine par partie permet un avancement régulier en fixant des dates limites sur le rendu des devoirs. L’avancement du cours sans rythme vous permet quant à lui une grande flexibilité, car vous pouvez réaliser vos exercices à tout moment.

    Cette formation est ouverte toute l’année.

  • icon

    Prérequis

    Aucun

  • icon

    Charge de travail

    10 heures au total 

  • icon

    Coût

    Gratuit

  • icon

    Certification

    Vous devez compléter tous les exercices du cours et obtenir une note finale d’au moins 70% pour obtenir votre certification !

    Un compte OpenClassrooms Premium Solo (20€ / mois) est nécessaire pour valider votre certification.

  • icon

    Déroulement

    Chaque cours est composé d’une ou plusieurs parties et peut comporter du texte, des images (schéma, illustration) et des vidéos. Les vidéos des cours durent 10 minutes maximum, avec une moyenne de 3-4 minutes. Elles sont visualisables à tout moment sur OpenClassrooms et téléchargeables en haute définition.

    Chaque partie d’un cours certifiant est ponctuée d’exercices de 2 types :
    – des quiz corrigés automatiquement
    – des devoirs libres (exemple : créer un site web avec des consignes précises).

    Ces devoirs sont évalués par les pairs. Chaque devoir est corrigé 3 fois par 3 autres élèves, dans un processus en double aveugle, selon un barème fixé par le professeur. La note finale est la moyenne des 3 notes reçues sur le devoir.

    Si vous rencontrez des difficultés, pas de panique ! Vous pouvez à tout moment obtenir de l’aide sur les forums.

  • icon

    Programme

     Partie 1 – Découper une maquette

    1. Découvrir le concept de maquette

    2. Trouver une maquette et comprendre son fonctionnement

    3. Traduire les éléments visuels en HTML

    4. Dimensions et proportions

    5. Les éléments traduisibles en CSS

    Partie 2 – Intégrer une maquette

    1. Recréer la structure en HTML

    2. Ajouter les metatags

    3. Intégrer une grille Bootstrap

    4. Organisation du CSS

    5. Intégrer les règles CSS

    Activité : Intégrer une maquette en HTML et CSS

    Certificat de réussite (voir un exemple)

  • icon

    Plateforme

    OpenClassrooms
    Une technologie issue du projet Open Source CLAIRE (Community Learning through Adaptive and Interactive multichannel Resources for Education) développé conjointement par OpenClassrooms (ex : Simple IT / Site du zéro), le laboratoire LIRIS (équipe Silex), et INRIA Grenoble (équipe WAM)

Evaluer ce cours !

Votre avis participe à une dynamique constructive pour les prochains sessions

0 50 100 1
50%
Moyenne des votes Je participe !
fermer

Merci pour votre contribution. Votre avis est en attente de modération avant publication. Après validation, vos données seront anonymisées.

fermer

Pin It on Pinterest

Share This