Dans vos locaux
Pour ancrer les apprentissages et encourager la dynamique collective.
Construisez des pages sémantiques, mettez en page avec Flexbox et Grid, adaptez vos interfaces responsives à tous les écrans et appliquez les bases de l'accessibilité web.
body {
display: grid;
grid-template-columns: minmax(200px, 1fr) 3fr;
gap: 1.5rem;
}
nav ul {
display: flex;
flex-wrap: wrap;
gap: 0.75rem;
}
@media (max-width: 640px) {
body {
grid-template-columns: 1fr;
}
}Cette formation initie à l'intégration web telle qu'elle se pratique aujourd'hui, en s'appuyant sur les standards actuels plutôt que sur des habitudes datées. Elle aborde la structuration sémantique des pages avec HTML5 (sectionnement, formulaires, éléments multimédia), puis la mise en page avec CSS, en particulier les modèles Flexbox et Grid pour construire des mises en page complexes sans astuces de positionnement. Une part est consacrée à l'adaptation aux écrans avec les media queries et une approche mobile-first, ainsi qu'aux bases de l'accessibilité web (contrastes, hiérarchie des titres, attributs alternatifs). Les participants produisent un site complet sur plusieurs pages, intégrant l'ensemble des notions vues. Elle s'adresse aux débutants en développement web, webmasters, rédacteurs web, intégrateurs et développeurs back souhaitant comprendre la partie visible d'une application.
Les objectifs
Structurer et mettre en forme des pages web responsives et conformes aux standards.
Public visé
Débutants en développement web, webmasters, rédacteurs web, intégrateurs, développeurs back souhaitant comprendre la partie visible.
Prérequis
Aucun prérequis en développement.
Pour ancrer les apprentissages et encourager la dynamique collective.
Pour allier flexibilité et interactions en temps réel avec le formateur.
Pour favoriser la concentration, les échanges et le confort des apprenants.