Formation · beginner

CSS3 — Mise en page et design

catégorie Programmation & Développement 16 modules ~36.7h 👁️ aperçu gratuit

🎓 Niveau Débutant. Transformez vos pages HTML en designs professionnels. Flexbox, Grid, responsive, animations, typographie. 16 modules illustrés avec des schémas Box Model, Flexbox et Grid en SVG. Projet final : site responsive complet.

📋 Programme

Créez un compte gratuit Inscrivez-vous ou connectez-vous pour accéder à cette formation.

Module 1 — Module 1 : Introduction à CSS 2 leçons

1.1 — Lier CSS à HTML Aperçu 45min

🛠️ Projet 1 — Première mise en forme 25min

Module 2 — Module 2 : Sélecteurs CSS 2 leçons

2.1 — Tous les types de sélecteurs Aperçu 45min

🛠️ Projet 2 — Ciblage précis 30min

Module 3 — Module 3 : Couleurs, fonds et dégradés 2 leçons

3.1 — Maîtriser les couleurs CSS Aperçu 40min

🛠️ Projet 3 — Hero section 30min

Module 4 — Module 4 : Typographie web 2 leçons

4.1 — Polices et texte Aperçu 45min

🛠️ Projet 4 — Article typographié 30min

Module 5 — Module 5 : Box Model — Le modèle de boîte 2 leçons

5.1 — Comprendre le Box Model Aperçu 45min

🛠️ Projet 5 — Cartes produit 30min

Module 6 — Module 6 : Display et positionnement 2 leçons

6.1 — Display : le comportement des boîtes Aperçu 45min

🛠️ Projet 6 — Layout avec position 35min

Module 7 — Module 7 : Flexbox — Layout flexible 2 leçons

7.1 — Flexbox fondamental Aperçu 50min

🛠️ Projet 7 — Page centrée 30min

Module 8 — Module 8 : Flexbox avancé 2 leçons

8.1 — Contrôler les enfants flex Aperçu 45min

🛠️ Projet 8 — Layout 3 colonnes 35min

Module 9 — Module 9 : CSS Grid — Layout en grille 2 leçons

9.1 — Grid fondamental Aperçu 50min

🛠️ Projet 9 — Dashboard Grid 35min

Module 10 — Module 10 : CSS Grid avancé 2 leçons

10.1 — Grid Areas et responsive Aperçu 45min

🛠️ Projet 10 — Galerie auto-responsive 30min

Module 11 — Module 11 : Responsive Design — Media Queries 2 leçons

11.1 — @media et breakpoints Aperçu 50min

🛠️ Projet 11 — Site responsive 35min

Module 12 — Module 12 : Mobile First — Approche pratique 2 leçons

12.1 — Techniques Mobile First Aperçu 45min

🛠️ Projet 12 — Menu hamburger 35min

Module 13 — Module 13 : Transitions et animations CSS 2 leçons

13.1 — Transitions et keyframes Aperçu 45min

🛠️ Projet 13 — Page animée 30min

Module 14 — Module 14 : Pseudo-classes et pseudo-éléments 2 leçons

14.1 — Pseudo-classes et pseudo-éléments Aperçu 45min

🛠️ Projet 14 — Tableau stylé 25min

Module 15 — Module 15 : Variables CSS et organisation 2 leçons

15.1 — CSS propre et scalable Aperçu 45min

🛠️ Projet 15 — Design system 35min

Module 16 — Module 16 : Projet final — Site responsive complet 1 leçon

16.1 — Site responsive professionnel Aperçu 60min

⭐ Avis des apprenants (0.0/5 · 0 avis)

Aucun avis pour le moment. Soyez le premier !

📚 Formations similaires

Programmation & Développement

Creation d'Animations Interactives avec...

Voir

Programmation & Développement

Modélisation relationnelle — Concevoir d...

Voir

Programmation & Développement

Analyse de données avec PostgreSQL — Du...

Voir

CSS3 — Mise en page et design

Prérequis : HTML5 — Fondamentaux

Connectez-vous pour vous inscrire

Aperçu gratuit

CSS3 — Mise en page et design

Prérequis : HTML5 — Fondamentaux

Connectez-vous pour vous inscrire

Aperçu gratuit