Présentation de la formation
La formation Programmation HTML/CSS constitue le socle fondamental du développement web. Vous apprendrez à structurer des contenus de manière sémantique avec le HTML5 et à concevoir des designs modernes, esthétiques et adaptatifs grâce au CSS3. Le parcours couvre aussi bien les bases de la mise en forme que les techniques expertes comme les animations, le Flexbox et le CSS Grid.
Les avantages de cette formation
Cette formation est conçue pour offrir une expérience complète, pratique et certifiante. Chaque point ci-dessous correspond à un objectif validé à la fin du parcours :
- Maîtriser la structure des pages en utilisant correctement les balises, les attributs et l'indentation HTML.
- Concevoir des designs précis en comprenant le modèle des boîtes (marges, bordures, espacements).
- Créer des mises en page modernes et réactives avec les modèles Flexbox et Grid.
- Optimiser l'expérience utilisateur grâce aux transitions, animations et transformations CSS.
- Assurer la compatibilité mobile par l'apprentissage du Responsive Design et des Media Queries.
- Réaliser un projet concret avec la création d'un site personnel (site CV) pour valider vos acquis.
Programme détaillé de la formation Programmation HTML/CSS
Module 1 - Langages HTML/CSS
• Introduction au cours HTML et CSS
• Les bases du HTML
• Les bases du CSS
• Mise en forme de textes en CSS
• Le modèle des boîtes
• Position et affichage des éléments
• Création de tableaux HTML
• Insertion de médias en HTML
• Fonds, dégradés et ombres CSS
• Sélecteurs CSS complexes
• Formulaires HTML
• Transitions, animations et transformations CSS
• Modèle des boîtes flexibles – Flexbox CSS
• Responsive design CSS
• Sémantique et éléments HTML structurants
• Modèle des grilles CSS
• Évolution et futur du CSS
🎯 Objectif : Maîtriser de manière interactive l’ensemble des concepts fondamentaux et avancés du développement front-end, incluant la structure sémantique HTML5, la mise en forme CSS3 complexe (boîtes, Flexbox, Grilles), les animations et les principes du Responsive Design.
Module 2 - HTML/CSS – Niveau Débutant (Vidéo)
• Présentation du cours
• Pourquoi apprendre à coder ?
• Définitions et rôles
• Versions HTML et CSS
• Travail en local et en production
• L’éditeur de texte
• Eléments, balises et attributs
• Structure d’une page HTML
• Création d’une page HTML
• Indentation et commentaires HTML
• Titres et paragraphes en HTML
• Espaces et retours à la ligne en HTML
• Les niveaux d’importance des textes
• Les listes en HTML
• Liens internes et externes en HTML
• Autres types de liens HTML
• Insérer des images en HTML
• Validation et compatibilité du code
🎯 Objectif : Comprendre l’environnement de développement et acquérir les bases de la syntaxe HTML pour structurer correctement une page web avec des titres, des paragraphes, des listes, des liens et des images tout en respectant les normes de validation.
Module 3 - HTML/CSS – Niveau Intermédiaire (Vidéo)
• Sélecteurs et propriétés CSS
• Où écrire le CSS
• Les commentaires en CSS
• Les sélecteurs CSS simples
• Les attributs id et class
• L’héritage en CSS
• Les types block et inline
• Les éléments HTML div et span
• La propriété CSS font family
• Autres propriété CSS de type font
• Autres propriété CSS de type font
• Couleur et opacité en CSS
• Propriétés CSS de type text
• Gestion des espaces en CSS
• Le modèle des boîtes
• Largeur et hauteur en CSS
• Les bordures en CSS
• Padding et margin en CSS
• Les ombres des boîtes
• La propriété CSS display
• Les propriétés position et z index
• Les propriétés float et clear
• L’alignement en CSS
• La couleur de fond
• Images de fond et gestion du fond
• Dégradés linéaires
• Dégradés radiaux
• Créer un tableau simple
• Créer un tableau structuré
• Opérations sur les tableaux
• Opérations sur les images
• Insérer de l’audio en HTML
• Insérer des vidéos en HTML
• Intégration de média et sémantique
🎯 Objectif : Approfondir l’usage du CSS pour styliser avec précision les éléments web en maîtrisant les sélecteurs, la typographie, les propriétés de couleurs, le modèle des boîtes, le positionnement avancé et l’intégration de contenus multimédias.
Module 4 - HTML/CSS – Niveau Confirmé (Vidéo)
• Notations CSS short hand et long hand
• Sélecteurs CSS complexes
• Pseudo classes CSS
• Pseudo éléments CSS
• Les sprites en CSS
• Les transitions CSS
• Les animations CSS
• Présentation des formulaires
• Créer un formulaire HTML simple
• Types d’input et listes d’options
• Les attributs des formulaires
• Organiser et mettre en forme un formulaire
• Introduction au responsive design
• Meta viewport et valeurs CSS relatives
• Media queries CSS
• Création d’un site personnel (site cv) 1/4
• Création d’un site personnel (site cv) 2/4
• Création d’un site personnel (site cv) 3/4
• Création d’un site personnel (site cv) 4/4
• Conclusion
🎯 Objectif : Perfectionner ses compétences techniques par l’apprentissage de sélecteurs complexes, d’animations avancées et de formulaires structurés, afin de réaliser en autonomie un projet complet de site personnel (site CV) entièrement responsive.
- 1 Section
- 4 Lessons
- 50 Hours
- Microsoft Word 20214
- 1.1Module 1CopyCopyCopyCopyCopyCopyCopyCopyCopyCopyCopyCopyCopyCopyCopyCopyCopyCopyCopyCopyCopyCopy
- 1.2Module 2CopyCopyCopyCopyCopyCopyCopyCopyCopyCopyCopyCopyCopyCopyCopyCopyCopyCopyCopyCopyCopyCopy
- 1.3Module 3CopyCopyCopyCopyCopyCopyCopyCopyCopyCopyCopyCopyCopyCopyCopyCopyCopyCopyCopyCopyCopyCopy
- 1.4Module 4CopyCopyCopyCopyCopyCopyCopyCopyCopyCopyCopyCopyCopyCopyCopyCopyCopyCopyCopyCopyCopyCopy
