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 !
* 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
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!
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.
Prérequis
Aucun
Charge de travail
10 heures au total
Coût
Gratuit
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.
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.
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)
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)
