Cours en ligne gratuit HTML et CSS Débutant : Créer des Sites Web Modernes - Flexbox, Grid, Formulaires
Durée du cours en ligne : 9 heure et 39 minutes
Nouveau
Cours gratuit pour débuter en HTML et CSS : structure, styles, Flexbox, Grid, formulaires et mise en page moderne pour créer des sites web.
Dans ce cours gratuit, découvrez
Fondations du HTML : structure, texte, liens et images
Prise en main : premier TP HTML
Bases du CSS : intégration, typographie, couleurs et effets
Structurer et comprendre la mise en page : sémantique et modèle des boîtes
Mise en page moderne : Flexbox, CSS Grid et alternatives
Données et interactions : tableaux et formulaires
Descriptif du cours
Apprenez à créer des pages web modernes en partant de zéro grâce à un cours en ligne gratuit dédié aux fondamentaux du développement front-end. Vous découvrirez comment structurer une page, organiser et mettre en forme vos contenus, gérer les liens et les images, puis appliquer des styles propres et cohérents avec CSS.
Au fil de la progression, vous gagnerez en méthode pour construire des interfaces lisibles et agréables, comprendre le modèle des boîtes, travailler la typographie, les couleurs, les fonds, les bordures et les effets visuels. Vous explorerez aussi des états interactifs pour améliorer l’expérience utilisateur et donner plus de dynamisme à vos pages.
La mise en page occupe une place centrale avec des approches actuelles et efficaces. Vous apprendrez à concevoir des layouts responsives avec Flexbox et CSS Grid, et à choisir la technique la plus adaptée selon le contexte. Pour compléter vos bases, vous verrez également comment intégrer des tableaux et concevoir des formulaires utiles, en respectant une structure claire et facilement maintenable. Idéal pour débuter en programmation web et bâtir des projets solides.
Contenu du cours
Leçon vidéo : HTML et CSS - 00 - Introduction09m
Exercice: Quel est le rôle principal du HTML dans la création d’un site web ?
Leçon vidéo : HTML et CSS - 01 - Votre première page web en html28m
Exercice: Quel est le bon type de fichier à créer pour une page web ?
Exercice: Quelle règle de nommage est recommandée pour les dossiers et fichiers d’un projet web ?
Exercice: Quelle différence décrit correctement une balise paire et une balise orpheline en HTML ?
Exercice: Dans quelle balise doit-on placer le contenu visible d’une page HTML (texte, images, etc.) ?
Exercice: Quel attribut est indispensable pour afficher une image avec la balise < img > ?
Exercice: À quoi sert la balise dans une page HTML ?
Exercice: Où place-t-on les attributs d’une balise paire (comme
ou
) ?
Exercice: Quelle est la bonne syntaxe d’un commentaire HTML ?
Leçon vidéo : HTML et CSS - 02 - Organisez votre texte34m
Exercice: Quelle balise HTML permet d’effectuer un saut de ligne dans un texte ?
Leçon vidéo : HTML et CSS - 03 - Créer des liens45m