1. CERTYOU, 37 rue des Mathurins, 75008 PARIS - SAS au capital de 10 000 Euros
Tél : 01 42 93 52 72 - Fax : 01 70 72 02 72 - contact@certyou.com - www.certyou.com
RCS de Paris n° 804 509 461- TVA intracommunautaire FR03 804509461 - APE 8559A
Déclaration d’activité enregistrée sous le N° 11 75 52524 75 auprès du préfet de région d’Ile-de-France
Webmaster Expert : Responsive Web Design (RWD) + Microdata,
Schema.org et Rich Snippets
Formation Informatique / Technologies WEB / Webmaster Expert
OBJECTIFS
• Maîtriser la création de sites adaptatifs
• Mettre en place une sémantique web efficace pour le référencement de vos pages web
PUBLIC
Webmasters, développeurs, intégrateurs confirmés
PRE-REQUIS
• Bonnes connaissances en HTML et CSS
PROGRAMME
Construire un site web adaptatif
Responsive Web Design (RWD) : définition, composantes
Standards, le HTML5 et CSS3
Détection de ressources avec Modernizr
Contraintes ergonomiques et fonctionnelles
Viewport : notion, meta, valeurs
Unités relatives (%, em) vs. absolues (px)
Ressources utiles : outils, galeries de sites mobiles
Atelier : Structure d'un site HTML5/CSS3, support par les anciens navigateurs
Créer une grille d'affichage flexible
Tailles d'écran, résolution optimale
Modes portrait et paysage
Expression des tailles en pourcentage (%), em
Tailles minimales, maximales
Blocs, approche contenu/contenant
Principe des box, layout avec CSS3
Taille des fonts : fixer une base pour les tailles, conversions em
Eviter les débordements
Atelier : Multiples exemples de grilles flexibles
Utiliser des médias flexibles
Images flexibles : images de fond, adaptation HTML5
Marges et espaces flexibles
Vidéos adaptées
Support des propriétés CSS par les anciens navigateurs
Atelier : Eviter le débordements d'images/vidéos
Ecrire des CSS3 Media Queries
Adaptation de l'affichage en fonction de la résolution
Types de médias
Choix des règles conditionnelles : orientation, device-width
Medias queries internes, externes
Gestion des menus et sliders
Polyfills pour le support des anciens navigateurs
Atelier : Adaptation de l'affichage en fonction de la résolution
Frameworks RWD
Panorama des frameworks existants
Bootstrap
960 grid
Optimisation des ressources graphiques
A retenir
Durée : 3 jours soit 21h.
Réf. WBM10
Dates des sessions
Paris
25/05/2015
14/09/2015
Aix en Provence
01/06/2015
21/09/2015
Bordeaux
15/06/2015
05/10/2015
Brussel
18/05/2015
07/09/2015
14/12/2015
Geneve
08/06/2015
28/09/2015
Lille
18/05/2015
07/09/2015
14/12/2015
Lyon
08/06/2015
28/09/2015
Montpellier
22/06/2015
12/10/2015
Nantes
15/06/2015
05/10/2015
Nice
01/06/2015
21/09/2015
Rennes
15/06/2015
05/10/2015
Strasbourg
25/05/2015
14/09/2015
Toulouse
2. CERTYOU, 37 rue des Mathurins, 75008 PARIS - SAS au capital de 10 000 Euros
Tél : 01 42 93 52 72 - Fax : 01 70 72 02 72 - contact@certyou.com - www.certyou.com
RCS de Paris n° 804 509 461- TVA intracommunautaire FR03 804509461 - APE 8559A
Déclaration d’activité enregistrée sous le N° 11 75 52524 75 auprès du préfet de région d’Ile-de-France
Webmaster Expert : Responsive Web Design (RWD) + Microdata,
Schema.org et Rich Snippets
Formation Informatique / Technologies WEB / Webmaster Expert
Atelier : Construction d'un site adaptatif avec Bootstrap
Comprendre la sémantique web
Valorisation du contenu d'une page web pour améliorer le référencement
Hypertexte sémantique et sémantique embarquée dans les pages HTML
Nouvelles balises sémantiques HTML5
Formats de balisage : Microdata, Microformats, RDFa
Rich Snippets : présentation, outils de test
Compatibilité des Rich Snippets avec les types de contenu : Avis, Personnes, Produits, Événements,...
Baliser des données à l'aide de Microformats
Entités
Microformats simples : rel-license, rel-nofollow, rel-tag, rel-bookmark, XFN
Microformats composés : hCard, hCalendar, hAtom, hReview, hResume
Outils de génération de microformats : hCard Creator, hReview Creator,...
Intégrer des Microdata et utilisation de schémas
Microdata : spécifications HTML 5
Nouveaux attributs : itemscope, itemtype, itemprop, itemref, itemid
Microdata API support
Schema.org : présentation, documentation
Hiérachie des types
Mise en place, bonnes pratiques
22/06/2015
12/10/2015
Cette
formation est
également
proposée en
formule
INTRA-ENTREPRISE.
Inclus dans cette formation
Coaching Après-COURS
Pendant 30 jours, votre formateur
sera disponible pour vous aider.
CERTyou s'engage dans la réalisation
de vos objectifs.
Votre garantie 100%
SATISFACTION
Notre engagement 100% satisfaction
vous garantit la plus grande qualité
de formation.