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.
Cette formation est éligible au CPF
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
- 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
- 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)
- 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
- 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
- Cascade et héritage
- Bonnes pratiques d’intégration
- Organisation pour projets complexes
- Validation W3C
- Outils intégrés aux navigateurs (Chrome DevTools, Firefox Developer Tools)
- Audit d’accessibilité et de performance
- Transitions CSS
- Animations avec @keyframes
- Transformations 2D/3D
- Effets de survol avancés sans JavaScript
- Menus responsives en CSS pur