💻Développement webMixte
Formation HTML CSS - Créer Pages Web Responsive
Pour les professionnels du développement web, la formation "HTML CSS - Créer Pages Web Responsive" couvre HTML5 sémantique, CSS3, Flexbox, Grid et responsive design mobile-first. Le programme intègre accessibilité web, optimisation SEO on-page et performance front-end pour produire des interfaces fiables, adaptatives et conformes aux standards.
3 jours / 21h
Programme détaillé
1
Fondamentaux du HTML5
Durée : 5h
Objectif opérationnel : À l'issue de ce module, vous maîtriserez la structure et les balises HTML5.
Contenu :
Mise en pratique : Création de la structure HTML d'un site vitrine
Livrable : Template HTML5 de base
Objectif opérationnel : À l'issue de ce module, vous maîtriserez la structure et les balises HTML5.
Contenu :
- Fonctionnement du web : navigateur, serveur, HTTP
- Structure d'un document HTML5 : doctype, head, body
- Balises sémantiques : header, nav, main, article, section, footer
- Texte et typographie : titres, paragraphes, listes
- Liens et navigation : balise a, ancres
- Images et médias : img, figure, video, audio
- Formulaires : input, select, textarea, validation
Mise en pratique : Création de la structure HTML d'un site vitrine
Livrable : Template HTML5 de base
2
Mise en forme avec CSS3
Durée : 5h
Objectif opérationnel : À l'issue de ce module, vous saurez styliser vos pages avec CSS3.
Contenu :
Mise en pratique : Mise en forme complète du site vitrine
Livrable : Feuille de style CSS réutilisable
Objectif opérationnel : À l'issue de ce module, vous saurez styliser vos pages avec CSS3.
Contenu :
- Syntaxe CSS : sélecteurs, propriétés, valeurs
- Cascade, héritage et spécificité
- Modèle de boîte : margin, padding, border
- Typographie web : polices, tailles, couleurs
- Couleurs et dégradés
- Arrière-plans et bordures
- Pseudo-classes et pseudo-éléments
Mise en pratique : Mise en forme complète du site vitrine
Livrable : Feuille de style CSS réutilisable
3
Mise en page moderne : Flexbox et Grid
Durée : 5h
Objectif opérationnel : À l'issue de ce module, vous maîtriserez les techniques modernes de mise en page.
Contenu :
Mise en pratique : Création de layouts complexes avec Flexbox et Grid
Livrable : Bibliothèque de layouts réutilisables
Objectif opérationnel : À l'issue de ce module, vous maîtriserez les techniques modernes de mise en page.
Contenu :
- Flexbox : concepts, axes, propriétés container et items
- Alignement et distribution avec Flexbox
- CSS Grid : lignes, colonnes, zones
- Positionnement des éléments dans la grille
- Combiner Flexbox et Grid
- Positionnement : relative, absolute, fixed, sticky
Mise en pratique : Création de layouts complexes avec Flexbox et Grid
Livrable : Bibliothèque de layouts réutilisables
4
Responsive Web Design
Durée : 4h
Objectif opérationnel : À l'issue de ce module, vous créerez des sites adaptés à tous les écrans.
Contenu :
Mise en pratique : Rendre le site vitrine responsive
Livrable : Feuille de style responsive
Objectif opérationnel : À l'issue de ce module, vous créerez des sites adaptés à tous les écrans.
Contenu :
- Principes du responsive design
- Media queries : syntaxe et breakpoints
- Approche mobile-first
- Images responsives : srcset, picture
- Unités relatives : em, rem, vw, vh, %
- Tester le responsive : outils de développement
Mise en pratique : Rendre le site vitrine responsive
Livrable : Feuille de style responsive
5
Bonnes pratiques et optimisation
Durée : 2h
Objectif opérationnel : Appliquer les bonnes pratiques de qualité, accessibilité et SEO.
Contenu :
Mise en pratique : Audit et optimisation du site créé
Livrable : Check-list qualité web et site finalisé
Objectif opérationnel : Appliquer les bonnes pratiques de qualité, accessibilité et SEO.
Contenu :
- Accessibilité web (WCAG) : principes et techniques
- SEO on-page : balises meta, structure, sémantique
- Performance : optimisation des images, minification
- Validation du code : W3C validator
- Organisation du code et conventions de nommage (BEM)
- Outils de développement et debugging
- Évaluation des acquis et plan d'action
Mise en pratique : Audit et optimisation du site créé
Livrable : Check-list qualité web et site finalisé
Objectifs pédagogiques
- Comprendre la structure et la syntaxe du HTML5
- Maîtriser les propriétés CSS3 pour la mise en forme
- Créer des pages web responsives adaptées à tous les écrans
- Utiliser Flexbox et Grid pour la mise en page
- Appliquer les bonnes pratiques d'accessibilité et de SEO
Profils concernés :
Professionnels souhaitant développer leurs compétences dans ce domaine, managers, collaborateurs, consultants, toute personne concernée par cette thématique dans son activité.
Cette formation s'adresse à vous si :
Professionnels souhaitant développer leurs compétences dans ce domaine, managers, collaborateurs, consultants, toute personne concernée par cette thématique dans son activité.
Cette formation s'adresse à vous si :
- Vous souhaitez acquérir de nouvelles compétences
- Vous devez répondre à des exigences professionnelles
- Vous voulez évoluer dans votre fonction
- Vous cherchez à améliorer vos pratiques
Maîtriser l'utilisation d'un ordinateur. Une première approche du code est recommandée pour les formations intermédiaires.
Prix par participant
1 490€ HT
3 jours de formation (21h)
Mixte
Certification incluse
Supports de cours fournis
Financement OPCO ou France Travail possible
Prochaines sessions
lun. 11 mai 2026
Présentiel • Paris
lun. 11 mai 2026
Présentiel • Lyon
lun. 11 mai 2026
Présentiel • Marseille
Organisme certifié Qualiopi
Garantie qualité et éligibilité aux financements publics
Formation intra-entreprise
Aucune session ne vous convient ? Cette formation est également disponible en intra-entreprise, sur mesure et dans vos locaux.
Formations similaires
Découvrez d'autres formations dans la catégorie Développement web
💻Développement web
Formation API REST - Concevoir Développer APIs Web
2jPrésentiel/Distanciel
1 390 €HT
💻Développement web
Formation Git et GitHub - Versionner Code Collaborer
1jPrésentiel/Distanciel
790 €HT
💻Développement web
Formation JavaScript - Programmation Web Front-End
4jPrésentiel/Distanciel
1 990 €HT
Questions fréquentes
Retrouvez les réponses aux questions les plus posées sur cette formation
Prêt à vous former ?
Nos conseillers vous accompagnent dans le choix de votre financement et la mise en place de votre formation.