HTML/CSS

Partie 18 — Mini-projet final : créer une landing page complète et responsive

Dans ce mini-projet final, vous allez mettre en pratique tout ce que vous avez appris en HTML et CSS en construisant une landing page moderne, responsive et accessible. Structure sémantique, com...

Lire → 3 hours ago

Partie 17 — Accessibilité & SEO HTML : balises sémantiques, alt et aria (bases)

L’accessibilité et le SEO reposent sur les mêmes fondations : un HTML clair, structuré et compréhensible. Dans cette partie, vous allez apprendre à utiliser les balises sémantiques, les attribut...

Lire → 8 minutes ago

Partie 16 — Composants UI : boutons, cartes, navbar, sections propres

Les composants UI sont les briques essentielles d’un site moderne. Dans cette partie, vous allez apprendre à créer des boutons, cartes, barres de navigation et sections propres et réutilisables,...

Lire → 3 hours ago

Partie 14 — Layout moderne 2 : CSS Grid (mises en page avancées)

CSS Grid est l’outil le plus puissant pour créer des mises en page complexes et structurées. Dans cette partie, vous allez apprendre à construire des layouts avancés (pages complètes, dashboards...

Lire → 3 hours ago

Partie 15 — Responsive design : media queries + approche mobile-first

Aujourd’hui, la majorité du trafic web vient du mobile. Dans cette partie, vous allez apprendre le responsive design de façon claire : viewport, unités flexibles, breakpoints, media queries, et...

Lire → 3 hours ago

Partie 13 — Layout moderne 1 : Flexbox (aligner et organiser facilement)

Flexbox est l’un des outils CSS les plus utiles pour construire des layouts modernes. Dans cette partie, vous allez apprendre à aligner, répartir et organiser des éléments facilement (menus, car...

Lire → 3 hours ago

Partie 12 — Couleurs & backgrounds : contrastes, gradients et images de fond

Les couleurs et les arrière-plans influencent directement la lisibilité et la perception d’un site. Dans cette partie, vous allez apprendre à utiliser les couleurs en CSS, gérer les contrastes,...

Lire → 3 hours ago

Partie 11 — Typographie CSS : fonts, tailles, line-height et lisibilité

La typographie joue un rôle majeur dans l’expérience utilisateur. Dans cette partie, vous allez apprendre à gérer les polices, les tailles de texte, l’interligne (line-height) et les bonnes prat...

Lire → 3 hours ago

Partie 10 — Le modèle de boîte (Box Model) : margin, padding et border

Le Box Model est l’un des concepts les plus importants du CSS. Dans cette partie, vous allez comprendre comment chaque élément HTML est représenté comme une boîte, comment fonctionnent margin, p...

Lire → 2 seconds ago

Partie 9 — CSS : syntaxe, sélecteurs, cascade, héritage et spécificité

Le CSS est le langage qui transforme une page HTML brute en site web moderne. Dans cette partie, vous allez comprendre les bases essentielles du CSS : syntaxe, sélecteurs, cascade, héritage et s...

Lire → 3 hours ago

Partie 8 — Formulaires HTML : inputs, labels et validations de base

Les formulaires sont le point de contact principal entre un site et ses utilisateurs. Dans cette partie, vous allez apprendre à créer des formulaires HTML propres et accessibles : comprendre les...

Lire → 3 hours ago

Partie 7 — Les tableaux HTML : quand les utiliser et bonnes pratiques

Les tableaux HTML sont souvent mal compris et mal utilisés. Dans cette partie, vous allez apprendre quand utiliser un tableau, comment le structurer correctement, éviter les erreurs classiques...

Lire → 2 hours ago