Formation HTML et CSS
HTML et CSS
La formation « HTML et CSS » vous permettra de définir la structure de votre page Web. Le programme est donné à titre indicatif et sera adapté à vos besoins et votre niveau après audit. N’hésitez pas à nous contacter pour toute demande spécifique.
En résumé
Distanciel
Présentiel
Pré-requis
Une bonne connaissance de l’environnement du web.
Public concerné
Toute personne désirant acquérir les bases de la création de sites web.
Durée et tarif de la formation
La durée de la formation varie en fonction des besoins et des objectifs déterminés après audit. Les tarifs sont disponibles sur devis.
Lieux
Formation intra-entreprise au sein de votre établissement ou dans nos locaux de LA ROCHELLE (Charente-Maritime), NIORT (Deux-Sèvres) ou POITIERS (Vienne)
Téléchargement
Télécharger le programme de formation au format PDF
Contenu de la formation
HTML
- Le langage HTML et son évolution vers HTML5
- Structure d’une page HTML5
- Doctype et encodage UTF-8
- Nouvelles balises sémantiques
- Les balises de structure
- Hiérarchie des titres
- Paragraphes, citations, listes
- Les balises de formatage
- Utilisation appropriée de strong et em
- Balises pour le code et l’accentuation
- Les liens
- Liens internes, externes et ancres
- Attributs modernes (target, rel) et bonnes pratiques d’accessibilité
- Les images
- Balise img avec attributs alt et title
- Formats modernes (WebP, AVIF) et balise picture pour images responsives
- Les listes
- Ordonnées, non ordonnées et de définitions
- Les tableaux
- Structure et accessibilité
- Les formulaires
- Nouvelles entrées HTML5 (email, date, color, etc.)
- Validation native, attributs required, placeholder et ARIA
- Balises pour contenus multimédias
- video, audio et gestion des sous-titres
- Balises pour scripts et intégrations
- script, noscript, intégration d’API et bonnes pratiques de performance
Introduction au CSS
- Principes des feuilles de style en cascade
- CSS3 et évolutions récentes
- Variables CSS (--ma-variable)
- Structuration d’une feuille de style
- Méthodes pour appliquer les styles
- CSS interne, externe et importée
- Organisation et maintenance (BEM, Atomic CSS)
La syntaxe des CSS
- Sélecteurs de style
- Balises, classes, identifiants
- Sélecteurs d’éléments imbriqués
- Pseudo-classes
- Pseudo-éléments
- Combinateurs et sélecteurs avancés
- Nouveaux sélecteurs CSS4
Les différentes propriétés
- Couleurs
- RGB, HSL, transparence, dégradés
- Texte
- Police, taille fluide (clamp()), interlignage, alignement
- Arrière-plans
- Images, positionnement, dégradés
- Boîtes et blocs
- Modèle de boîte, div et span
- Bordures et ombres
- border-radius, box-shadow
- Listes
- Personnalisation des puces et numérotation
- Positionnement moderne
- Flexbox et CSS Grid
- position, z-index
- Affichage responsive
- Media queries, mobile-first
- Styles d’impression
- @media print
- Classes et pseudo-classes avancées
Application des CSS au HTML
- Cascade et héritage
- Bonnes pratiques d’intégration
- Organisation pour projets complexes
Tester et déboguer les CSS
- Validation W3C
- Outils intégrés aux navigateurs (Chrome DevTools, Firefox Developer Tools)
- Audit d’accessibilité et de performance
CSS interactif et animations
- Transitions CSS
- Animations avec @keyframes
- Transformations 2D/3D
- Effets de survol avancés sans JavaScript
- Menus responsives en CSS pur