Objectifs
Ce que vous saurez faire à l'issue de la formation :
- Découvrir les techniques nécessaires à la mise en page de sites web adaptés à tout type de support
Programme
Le web : rappel des bases
- États des lieux : la transition HTML4 vers HTML5, la diversité des navigateurs et des moteurs de rendu, des périphériques et des terminaux.
- Respect des bonnes pratiques : la sémantique, le respect des normes et la validation W3C.
- Rétrocompatibilité : le concept de dégradation gracieuse, limites de la prise en compte des anciens navigateurs.
- Les sélecteurs CSS standards et évolués (CSS2.1 et CSS3)
- Mise en page : le modèle de boîte, unités absolues (pixel) ou relatives (em et %).
- Multicolonnage : design fixe, élastique ou liquide ?
Le web mobile : le point sur la situation
- Définition du RWB (Responsive Web Design).
- Conception d’un site : Desktop first ou Mobile first ?
- Mise en page fluide : créer des pages fluides et accessibles.
- Optimiser un site pour le mobile : Penser « léger », compression d’images et utilisation de sprites.
Prendre en compte la taille d’un mobile
- Les résolutions des principaux périphériques du marché.
- Affichage portrait et paysage.
- Cibler la taille d’un écran : surface réelle (screen width) ou surface déclarée (device width).
- Le Viewport : correction de l’affichage.
Le module CSS3 Media Queries
- Spécifier des conditions avec Media Queries
- L’attribut media : all, screen, print , handled…
- Les opérateurs logiques : and, only, et not
- Les critères : width, height, resolution…
Mise en page selon la spécification CSS2 .1 : la stabilité
- Éléments en ligne et éléments de type bloc.
- Le positionnement : static, relative, fixed et absolute).
Mise en page selon la spécification CSS3 : l’avenir
- Compatibilité avec les anciens navigateurs.
- Le module Flexbox.
- Le module Multicolumn.
Ressources et actualités sur le sujet
- Resets , librairies et frameworks en libre accès (HTML5shiv, Modernizr)
- Site et outils disponibles sur le web : préfixeurs css, débugeurs
Prérequis
- Aucun prérequis pour cette formation
Publics visés
- Web designers ayant en charge la création d’un site Internet optimisé pour des supports de tout type (Ordinateurs, tablettes ou smartphones)
Modalités et délais d’accès à la formation :
- Pour s’inscrire ou se renseigner sur une formation, veuillez nous contacter
- Une fois inscrit à une session de formation, vous recevrez une confirmation d’inscription à la formation par email
- Votre accès à la formation aura alors lieu au maximum 2 mois après confirmation de votre inscription
- Au plus tard une semaine avant le début de la formation, vous recevrez une convocation à la session de formation
Méthodes mobilisées :
- Méthode transmissive
- Méthode démonstrative
- Méthode interrogative
- Méthode active
- Méthode expérientielle
Modalités d’évaluation :
- En début de formation : Évaluation des besoins et objectifs individuels
- Durant la formation : Quiz et exercices individuels ou de groupes
- Fin de formation : Quiz d’auto-évaluation ou passage de certification
Accessibilité aux personnes en situation de handicap :
- Nous favorisons l’accès aux personnes en situation de handicap. En savoir +
Autres Formations
HTML & CSS Perfectionnement
Découvrir la version 5 du langage HTML et de la version 3 du langage CSS pour créer des pages web conformes aux normes et standards du W3C.
Photoshop Perfectionnement
Formation conçue pour les utilisateurs ayant déjà des bases solides en Photoshop et souhaitant approfondir leurs compétences et maîtriser des techniques avancées
Photoshop pour le Web
Formation spécialement conçue pour les professionnels du web design et les créateurs de contenu digital. Elle vise à exploiter pleinement les capacités de Photoshop pour créer des éléments graphiques optimisés pour une utilisation en ligne