Designer et mettre en forme des sites web modernes avec CSS3

Formation CSS3 : sélecteurs, Flexbox, CSS Grid, responsive et animations pour mettre en forme un site.

8 heures 30 29 leçons 4,7 / 5 49 avis

L'essentiel

Durée
8 heures 30
Programme
6 chapitres, 29 leçons
Prix
69,00 €, accès à vie
Format
Vidéo en ligne, à votre rythme
Certificat
PDF de fin de formation
Prérequis
Pas de prérequis - ouvert à tous niveaux

Présentation de la formation

Mettez en forme vos pages web avec CSS3 : sélecteurs, cascade, couleurs, modèle de boîte, Flexbox, CSS Grid, responsive mobile-first, transitions et variables. Vous terminez par le montage d'un site complet.

Ce cours CSS3 vous apprend à transformer une maquette en pages web soignées, lisibles sur tous les écrans.

Vous partez des bases du CSS3 : sélecteurs, cascade, unités, couleurs, typographie et modèle de boîte, avec ses marges et ses espacements. Le but est d'écrire des feuilles de style propres, faciles à relire et à faire évoluer.

Vous abordez ensuite le responsive, avec une approche mobile-first et des points de rupture bien placés. Le mode avancé couvre les mises en page avec Flexbox et CSS Grid, les ombres, les transitions, les transformations et les variables CSS, pratiques pour décliner boutons et cartes.

Pour finir, vous montez un site web complet à partir d'une maquette, en réutilisant tout ce que vous avez appris.

Public cible : Pour les débutants, les designers qui veulent intégrer leurs propres maquettes et ceux qui souhaitent remettre leurs compétences CSS à jour.

À l’issue de cette formation CSS3, vous pourrez

  • Poser des bases solides. maîtrisez les sélecteurs et la cascade afin de structurer des feuilles de style propres, professionnelles et faciles à maintenir.
  • Réussir vos mises en forme graphiques. apprenez à gérer les palettes de couleurs, les variables et les unités modernes pour garantir un rendu visuel cohérent sur tous les écrans.
  • Maîtriser le modèle de boîte. utilisez les marges et les espacements pour contrôler avec précision l'agencement et le flux de vos mises en page.
  • Construire des mises en page modernes. le cours vous apprend à assembler des pages entières avec Flexbox et CSS Grid en gérant les alignements complexes.
  • Rendre vos pages adaptatives (Responsive). apprenez à poser des points de rupture stratégiques pour obtenir un affichage "mobile-first" impeccable.
  • Produire des interfaces soignées. apportez du relief à vos créations avec des ombres et des transitions fluides pour concevoir des micro-animations élégantes.
  • Structurer un système de design. centralisez vos styles dans des variables CSS réutilisables pour décliner vos composants (boutons, cartes) rapidement.
  • Livrer un site fonctionnel. devenez autonome pour transformer une maquette en une architecture web complète, incluant l’accessibilité et l'optimisation des performances.

Programme de la formation

6 chapitres, 29 leçons. Les leçons marquées « Extrait gratuit » se regardent sans compte.

Introduction

2 leçons
  1. Aux sources du CSS : histoire, rôle et évolution
  2. Trois méthodes d’intégration : inline, interne, externe

Les bases en CSS3

Aperçu gratuit 6 leçons
  1. Sélecteurs essentiels : cibler proprement vos éléments
  2. Couleurs en pratique : Hexa, RGB(A), HSL Extrait gratuit
  3. Typographie web : familles, chargement, lisibilité
  4. Modèle de boîte : display, margin, padding, border
  5. Unités & tailles : px, %, em, rem sans se tromper
  6. Récap express : consolider les fondamentaux

Gestion du responsive

4 leçons
  1. Positionnements : relative, absolute, fixed, sticky
  2. float & clear : l’ancienne école, quand et comment l’utiliser
  3. Flexbox moderne : axes, alignements, répartitions
  4. CSS Grid : grilles puissantes et mises en page responsives

Gestion du CSS3 — Mode avancé

8 leçons
  1. Sélecteurs avancés & attributs : cibler comme un pro
  2. Arrière-plans : images, répétitions, tailles, position
  3. Bordures & arrondis : styles, rayons, effets
  4. box-sizing : maîtriser le calcul des dimensions
  5. Transform 2D/3D : translate, scale, rotate, skew
  6. Transitions fluides : timing, easing, propriétés
  7. Media queries : points de rupture & stratégie responsive
  8. Panorama frameworks : Bootstrap, utilitaires & bonnes pratiques

Allons plus loin en CSS3

4 leçons
  1. Variables CSS : thèmes, réutilisation & maintenance
  2. Reset & normalize : bases saines et rendu cohérent
  3. Mettre en ligne : arborescence, assets, performance
  4. Valider HTML/CSS : W3C, erreurs fréquentes & correctifs

Nouveau Site Web pour l’année 2025

5 leçons
  1. Brief du projet : objectifs, livrables, workflow
  2. Structure HTML5 : sections, sémantique, accessibilité
  3. Styles (1) : couleurs, typos, spacing, composants
  4. Styles (2) : Flex/Grid, responsive, finitions
  5. Évolutions 2025 : nouveautés CSS & optimisations

Votre formateur

Photo de Jean-Michel R.

Jean Michel R. est un expert reconnu en infographie et informatique. Il vous accompagne étape par étape avec des exemples concrets pour réussir l'intégration de vos projets web avec sérénité.

Avis des apprenants

4,7 / 5 sur 49 avis.

Bien expliqué, Le formateur maitrise bien le sujet. Je le recommande vivement

Siba Eric O.

Bon cours, bien détaillé avec des sessions pratiques très utiles.

Pauline M.

Cours très complet et un top formateur

Kristy P.

Je viens de terminer et je suis vraiment satisfait

Eline D.

Très bonne présentation global de l'outil !

Olivier D.

facile à comprendre je trouve c'est top sur ça

Fabien R.

Afficher les 43 autres avis

Dans le catalogue

Ces autres cours pourraient vous intéresser

Questions fréquentes

Prix, accès, paiement, remboursement : l'essentiel avant de vous inscrire.

Toutes les questions

EspritAcadémique, qu'est-ce que c'est ?

EspritAcadémique est une plateforme d'apprentissage en ligne qui propose une large gamme de cours, exercices, ressources et accompagnements personnalisés pour tous les niveaux.

Apprenez ce que vous voulez, quand vous voulez, avec des contenus accessibles à tout moment à un tarif très abordable. De nouveaux cours et formations sont ajoutés régulièrement.

Combien coûte une formation ?

Nous mettons à votre disposition deux formules principales :

Abonnement individuel : 29 € TTC par mois ou 199 € TTC par an (voir nos offres), soit 5 mois offerts par rapport à la formule mensuelle. Il donne accès à l'ensemble des formations tant que l'abonnement reste actif. Sans engagement : vous pouvez l'annuler à tout moment depuis votre espace client, sans frais.

Achat à l'unité : si vous préférez suivre une formation en particulier, c'est possible. Le tarif varie en fonction de la durée de la formation choisie, et l'accès vous reste acquis à vie.

Nous proposons également des solutions dédiées aux entreprises, disponibles sur demande. Pour toute question, vous pouvez utiliser le formulaire de contact ou nous écrire à contact@espritacademique.com.

Quelle est la différence entre l'abonnement individuel et l'achat à l'unité ?

L'abonnement individuel vous donne accès à l'ensemble de nos formations, aux exercices pratiques et aux ressources associées, sur de nombreuses thématiques professionnelles. Vous pouvez ainsi progresser sur plusieurs compétences en parallèle et découvrir chaque nouvelle formation dès sa mise en ligne.

L'achat à l'unité vous donne un accès à vie à la formation choisie, sans abonnement ni renouvellement. C'est la formule idéale si vous avez un objectif précis en tête et que vous souhaitez avancer à votre rythme, sans limite de temps.

Combien de temps ai-je pour suivre une formation ?

Si vous avez souscrit à l'une de nos offres (mensuelle ou annuelle), vous accédez aux formations pendant toute la durée de votre abonnement. En cas d'achat unique d'une formation, celle-ci vous reste accessible à vie.

Est-ce que je peux suivre la formation à mon rythme ?

Oui. Nos formations sont 100 % en ligne et disponibles à tout moment. Vous pouvez avancer à votre propre rythme, selon votre emploi du temps, et reprendre là où vous vous étiez arrêté.

Quels sont les moyens de paiement acceptés ?

Nous acceptons les paiements par carte bancaire et PayPal. Tous les paiements sont 100 % sécurisés grâce au chiffrement SSL/TLS et à nos partenaires de paiement certifiés.

Puis-je être remboursé si la formation ne me convient pas ?

Oui, sous conditions. Vous bénéficiez d'une garantie « satisfait ou remboursé » de 30 jours : si vous n'avez pas encore réellement commencé la formation, vous pouvez demander le remboursement intégral de votre commande sur simple demande, sans avoir à vous justifier.

Cette garantie cesse de s'appliquer dès lors que vous avez visionné plus de 20 % du contenu ou téléchargé les fichiers d'exercices, la formation étant alors considérée comme consommée. C'est pourquoi nous vous invitons à profiter des leçons offertes de chaque formation avant votre achat : elles vous permettent de vérifier que le contenu et la pédagogie vous conviennent.

Pour faire une demande, écrivez-nous à contact@espritacademique.com. Le remboursement est effectué dans les 14 jours suivant la réception de votre demande, sur le même moyen de paiement. Le détail figure à l'article 6 de nos conditions générales de vente.

Ajouté au panier

Designer et mettre en forme des sites web modernes avec CSS3

Chaque formation ajoutée en plus dans le panier coûte 10 % de moins.

Ces formations pourraient vous intéresser

Voir mon panier