Les secrets de la mise en page avec CSS
Maîtrisez la mise en page CSS et créez des sites web visuellement incroyables. Découvrez les secrets des pros et passez au niveau supérieur !
Description
Découvrez tous les secrets de la mise en page avec CSS et apprenez à transformer vos idées en interfaces web modernes, structurées et visuellement attractives.
Cette formation vous accompagne depuis les fondamentaux du CSS jusqu’aux propriétés avancées : sélecteurs, couleurs, espacements, positionnement, variables, pseudo-classes, transformations, transitions, media queries et animations.
Cette formation comprend 4 sections et 36 leçons.
Programme
1. MODULE 1 - INTRODUCTION 10 éléments
- What is CSS used for?
- How do you write CSS? Syntax!
- 3 Ways to Embed CSS and Which One We’ll Use
- What is a Selector and how to use it?
- How is the kinship system organized in CSS?
- How and why to use your browser inspector? Discover the Chrome console!
- What is the process of formatting an element in CSS?
- What are the units of measurement in CSS?
- How to use colors? 3 ways to use colors in CSS!
2. MODULE 2 - GENERAL PROPERTIES 15 éléments
- CSS Basics – Adding Comments and Text Styles
- How to add inner and outer margin to element?
- How to manage the height and width of our elements?
- Get Lazy! Discovering Shortcut Properties
- How to add background colors or images?
- How to create borders in CSS?
- How to apply styles to our links? And make them real buttons!
- How to format our lists?
- How to make a table stylish?
- How to use the Display property and what is it used for?
- How to position our elements anywhere on our web page?
- What to do if a container’s children overflow from the container? Discovering Overflows!
- How to place elements under or on top of other elements?
- How to manage opacity in CSS? 2 methods!
- How to add shadow to our texts and blocks?
3. MODULE 3 - ADVANCED PROPERTIES 10 éléments
- How and in which cases to use filters in CSS?
- What are variables used for in CSS?
- What is a Pseudo-Class and how to use it? Event handling in CSS!
- How to apply styling using pseudo-elements?
- How to integrate custom fonts on our site?
- How to use 2d and 3d transformations in CSS and apply them to our elements?
- How to add charm to our effects using transitions?
- How to avoid mistakes and target children using Combinators?
- How to apply style based on screen size? Discovering media queries!
- How to bring your website to life using CSS animations?
4. RESOURCES 1 élément
- Slides Deck
Formateur
Fabrice Chrzanowski
Fondateur · Senior Microsoft Certified TrainerCloud Solution Architect et formateur certifié Microsoft depuis plus de 30 ans. Il conçoit et anime des formations pour de grandes entreprises en IA générative, Microsoft Copilot, Microsoft 365, Azure, Power Platform et cybersécurité. Il intervient en français et en anglais, en présentiel et à distance, depuis Malte.
Questions fréquentes
Comment fonctionne une formation vidéo ITFIT ?
La formation est organisée en vidéos réparties en sections et en leçons. Vous progressez à votre rythme et pouvez revoir les leçons quand vous le souhaitez.
Combien de temps ai-je accès au cours ?
L’accès est illimité, à vie, après l’achat. Avec l’abonnement, l’accès dure tant que l’abonnement est actif.
Quel certificat est délivré ?
Chaque formation terminée donne accès à un certificat ITFIT. Ce n’est pas une certification officielle de l’éditeur.
Puis-je former toute une équipe ?
Oui. Nous proposons des licences multi-utilisateurs et des sessions en entreprise sur ce sujet. Demandez un devis.
Vous aimerez aussi
Red Hat OpenShift Container Platform
Déployez, administrez et exploitez des applications conteneurisées sur Red Hat OpenShift, de l’architecture aux opérations du quotidien.
Administration Système — Red Hat Enterprise Linux 9
Installez, configurez et administrez des serveurs RHEL 9 : utilisateurs, stockage, services, réseau et sécurité.
AB-900 Administration Microsoft 365 et Copilot
This course replaces the MS-900 course and includes various ITFIT training materials, so expect some differences; learn about AB-900.