CSS Syllabus
Introduction
Le tutoriel CSS de formation-ti.org est complet et adapté aux débutants.
Il vous fournira une connaissance fondamentale du CSS.
Conçu pour les débutants, il ne nécessite aucune expérience préalable en programmation.
Le contenu a été soigneusement élaboré pour être concis, simple et facile à comprendre.
Ce contenu a été validé par des millions d'utilisateurs au fil des ans et est fréquemment mis à jour et amélioré.
Le plan du syllabus et sa séquence sont structurés pour vous permettre d'apprendre le CSS étape par étape, de l'introduction à la création de votre première application avec CSS.
Résultats d'apprentissage
- Comprendre comment le CSS est utilisé pour formater et styliser les pages web.
- Utiliser les règles et la syntaxe CSS pour définir l'apparence des éléments HTML.
- Utiliser des couleurs, des polices et des propriétés de texte pour personnaliser le texte des pages web.
- Mettre en œuvre différents types de sélecteurs (par exemple, classe, ID, sélecteurs d'éléments) pour un style ciblé.
- Utiliser les propriétés du modèle de boîte (bordure, remplissage et marge) pour créer et modifier la mise en page.
- Pour organiser les éléments sur la page, utiliser les propriétés de positionnement (statique, relative, absolue et fixe).
- Utiliser des requêtes média pour créer des pages web réactives.
- Styliser les bordures et les arrière-plans avec différentes qualités et effets.
- Apprendre à utiliser CSS Flexbox pour créer des mises en page réactives et adaptables.
- Lier un fichier CSS externe à un document HTML.
Remarque : Êtes-vous un enseignant qui enseigne le CSS ? L'Académie de formation-ti.org est une boîte à outils de fonctionnalités qui peut vous aider à enseigner. Elle propose des outils pour la classe tels que des plans d'étude préétablis, l'administration de la classe et bien plus encore. Lisez-en plus sur l'Académie ici .
Pour quels sujets le CSS est-il pertinent ?
- Pages web :
HTML est le langage de balisage standard pour créer des pages web, et le CSS est le langage utilisé pour les styliser. - Informatique (CS) / Technologies de l'information (IT) :
HTML et CSS sont fondamentaux pour comprendre Internet, le développement web et la programmation. - Médias numériques :
Du texte, des photos et d'autres médias peuvent être ajoutés aux plateformes numériques en utilisant CSS avec HTML, ce qui est essentiel pour la création et la gestion de contenu. - Affaires / Entrepreneuriat :
Comprendre comment créer un site web est utile pour des projets liés à Internet. - Art et design :
Le CSS soutient le design web, la créativité et les idées de communication visuelle qui font tous partie du design web. - STEM (Sciences, Technologie, Ingénierie, Mathématiques) :
Construire des pages web avec HTML et CSS fait partie de l'intégration technologique dans les projets STEM, enseignant la pensée logique et la résolution de problèmes. - Éducation professionnelle et technique (CTE) :
Le CSS avec HTML fait partie du programme des cours axés sur les carrières, en particulier ceux liés au développement web, au support IT et au marketing numérique.
Activités
Dans ce tutoriel, nous proposons différentes activités pour vous permettre d'apprendre le CSS gratuitement :
Connectez-vous pour suivre vos progrès
Vous pouvez également créer un compte pour suivre vos progrès.
En tant qu'utilisateur connecté, vous avez accès à des fonctionnalités telles que :
- Parcours d'apprentissage
- Environnements de bac à sable et de laboratoire
- Réalisations
- Et bien plus encore !
Aperçu des modules
- ACCUEIL CSS
- Introduction au CSS
- Syntaxe CSS
- Sélecteurs CSS
- Comment faire du CSS
- Commentaires CSS
- Couleurs CSS
- Arrière-plans CSS
- Bordures CSS
- Marges CSS
- Rembourrage CSS
- Hauteur/Largeur CSS
- Modèle de boîte CSS
- Contour CSS
- Texte CSS
- Polices CSS
- Icônes CSS
- Liens CSS
- Listes CSS
- Tables CSS
- Affichage CSS
- Largeur maximale CSS
- Position CSS
- Z-index CSS
- Débordement CSS
- Flottant CSS
- Inline-block CSS
- Alignement CSS
- Combinators CSS
- Pseudo-classes CSS
- Pseudo-éléments CSS
- Opacité CSS
- Barre de navigation CSS
- Dropdowns CSS
- Galerie d'images CSS
- Sprites d'images CSS
- Sélecteurs d'attributs CSS
- Formulaires CSS
- Compteurs CSS
- Mise en page du site web CSS
- Unités CSS
- Spécificité CSS
- Important CSS
- Fonctions mathématiques CSS
- Coins arrondis CSS
- Images de bordure CSS
- Arrière-plans CSS
- Couleurs CSS
- Mots-clés de couleur CSS
- Dégradés CSS
- Ombres CSS
- Effets de texte CSS
- Polices CSS
- Transformations 2D CSS
- Transformations 3D CSS
- Transitions CSS
- Animations CSS
- Infobulles CSS
- Images de style CSS
- Centrage d'images CSS
- Effets de filtre d'image CSS
- Formes d'image CSS
- position-objet CSS
- Masquage CSS
- Boutons CSS
- Pagination CSS
- Colonnes multiples CSS
- Interface utilisateur CSS
- Variables CSS
- CSS @property
- Dimensionnement de boîte CSS
- Requêtes média CSS
- Exemples de requêtes MQ CSS
- Flexbox CSS
- Design web réactif CSS
- Vue de la fenêtre CSS
- Vue de la grille CSS
- Requêtes média (réactives) CSS
- Images réactives CSS
- Vidéos réactives CSS
- Frameworks CSS
- Modèles réactifs CSS
- Mise en page de grille CSS
- Conteneur de grille CSS
- Élément de grille CSS
Environnement de bac à sable et de laboratoire
Le CSS, comme tout autre langage de codage, s'apprend mieux en travaillant directement avec le code.
Essayez facilement le code avec notre éditeur "Essayez-le vous-même".
Ici, vous pouvez modifier le code CSS et voir le résultat :
Exemple CSS
body {
background-color: lightblue;
}
h1 {
color: white;
text-align: center;
}
p {
font-family: verdana;
font-size: 20px;
} Si vous souhaitez explorer davantage et héberger votre projet, nous avons une fonctionnalité appelée Espaces qui vous permet de créer, tester et déployer des sites web statiques.
Ici, vous bénéficiez d'un environnement de bac à sable sécurisé appelé Espaces, où vous pouvez pratiquer le codage et tester des projets en temps réel.
Les Espaces vous permettent de tester, construire et déployer du code. Cela inclut un sous-domaine de formation-ti.org, l'hébergement et des certificats SSL sécurisés.
Les Espaces ne nécessitent aucune installation et fonctionnent directement dans le navigateur.
Les fonctionnalités incluent :
- Collaboration
- Navigateur de fichiers
- Terminal & journal
- Gestionnaire de paquets
- Base de données
- Gestionnaire d'environnement
- Analytique
Certification CSS
formation-ti.org propose un programme de certification à la fin du parcours.
Ici, vous pouvez passer des examens pour obtenir une certification.
L'examen CSS est un test qui résume le syllabus CSS de formation-ti.org.
Après avoir réussi l'examen, vous obtenez la certification "Développeur CSS Certifié".
Il existe deux types de certifications différentes :
- Non adaptatif
- Adaptatif
Le non adaptatif est un passage ou non passage.
La certification adaptative est notée et s'adapte ; les étudiants recevront une note allant de intermédiaire, avancé à professionnel.
Êtes-vous enseignant ?
Êtes-vous intéressé à apprendre comment vous pouvez utiliser l'Académie de formation-ti.org pour enseigner le CSS ?
Regardez une démonstration de l'Académie de formation-ti.org . Vous verrez comment cela fonctionne et découvrirez comment cela peut rendre l'enseignement de la programmation plus facile et plus engageant.
