Créer et personnaliser un site web avec html5 et css3

Montpellier

À l’issue de la formation, le participant sera capable de :

comprendre la structure d’un site web ;
créer et modifier une page en HTML5 ;
appliquer une mise en forme avec CSS3 ;
adapter un affichage aux différents écrans ;
optimiser une page selon les bonnes pratiques SEO et accessibilité ;
intervenir efficacement sur un site web existant.

Module 1 - Comprendre les fondamentaux du Web


Découvrir le fonctionnement d’un site web
Comprendre le rôle du navigateur, du serveur et des langages web
Identifier les différents métiers du web et les outils associés
Découvrir les standards actuels du Web
Comprendre la différence entre structure, contenu et mise en forme


Module 2 - Créer une page web en HTML5


Comprendre la structure d’un document HTML5
Utiliser les principales balises HTML
Structurer une page avec les titres, paragraphes, listes et sections
Créer des liens internes et externes
Insérer des images et des médias
Ajouter des formulaires simples
Respecter les bonnes pratiques de structuration du contenu


Module 3 - Mettre en forme une page avec CSS3


Comprendre le principe des feuilles de style
Créer et appliquer des règles CSS
Utiliser les sélecteurs CSS
Modifier les couleurs, polices, tailles et espacements
Créer des mises en page modernes
Gérer les bordures, arrière-plans et effets visuels
Organiser un code CSS propre et évolutif


Module 4 - Concevoir des pages adaptées aux usages actuels


Comprendre le responsive design
Adapter l’affichage aux ordinateurs, tablettes et smartphones
Utiliser les principes de grille et de mise en page flexible
Optimiser l’expérience utilisateur
Identifier les erreurs fréquentes de conception web


Module 5 - Optimiser ses pages pour le référencement et l’accessibilité


Comprendre l’impact du HTML sur le référencement naturel
Structurer les contenus pour faciliter l’analyse des moteurs de recherche
Utiliser correctement les titres et balises essentielles
Optimiser les images (formats, poids, textes alternatifs)
Découvrir les principes d’accessibilité numérique


Module 6 - Mettre en pratique la création d’une page web professionnelle


Analyser une page existante
Créer une page web complète avec HTML5 et CSS3
Modifier une page existante
Corriger les erreurs courantes
Publier ou intégrer une page dans un environnement web


Travaux pratiques


Création d’une page web structurée
Mise en forme complète avec CSS3
Adaptation d’une page pour mobile
Optimisation d’une page pour le référencement et l’accessibilité
Analyse et amélioration d’un site existant