Profil professionnel des stagiaires

Salariés des entreprises adhérentes

Secteurs d'activité :
AUDIOVISUEL, CINÉMA, DIVERS, ÉDITION, SPORT, GOLF, HOTELLERIE DE PLEIN AIR, PRESSE, LOISIRS, AGENCE DE MANNEQUINS, ORGANISME DE TOURISME, PUBLICITÉ, SPECTACLE, TELECOM, CASINO

Prérequis et expérience professionnelle des stagiaires :

Connaissance de base HTML / CSS ou avoir suivi le cours HTM-FND "HTML 5 et CSS 3 - Création de pages Web".

Identification du stage

Modalité(s) pédagogique(s) :
Formation en présentiel

Objectifs pédagogiques :

Concevoir des layouts de page en CSS - Connaître les grandes tendances du Web - Structurer efficacement vos CSS - Maîtriser le Responsive Design - Réduire vos CSS avec Less - Utiliser les nouveautés CSS 3.

Programme pédagogique

Rappel sur les CSS
- Sélecteurs
- Simples
- Composés
- Propriétés des boîtes
- Box-sizing
- Position...
- Unités
- Absolue
- Relatives

Les écrans
- Taille
- Résolution
- Valeur du pixel
- CSS pixel / Device pixel
- Pixel ratio : hdpi, xhdpi, xxhdpi...
- HiDPI (High Dots Per Inch)

HTML
- Structure de la page
- Gestion du viewport

Les modes de positionnement
- Flottement
- Position absolue
- Boîtes flexibles
- Grille

Responsive Design
- Adaptation
- Des contenus
- Du positionnement
- De la navigation
- La stratégie du Mobile First

Les Media Queries
- Types de médias
- Breakpoints
- Syntaxe des requêtes

Cas particuliers
- Textes
- Images
- Images HiDPI
- Balises <srcset> et <sizes>
- Test sous Firefox

Informations complémentaires (méthodologie, ...)

Le formateur alterne entre méthode démonstrative, interrogative et active (via des travaux pratiques et/ou des mises en situation).

Supports et ressources fournis aux stagiaires

La salle de formation est équipée d'un poste informatique par apprenant accédant à Internet, d’un vidéo projecteur, d’un paper board et d’un tableau blanc. Possibilité d'utiliser 1 plateforme de quizz interactive
Les supports de cours sont fournis et disponibles en version électronique.

Niveau visé après la formation