Tutoriel Étape par Étape
Objectifs
Les objectifs de cette vidéo sont:
- Comprendre la syntaxe CSS pour les dégradés.
- Maîtriser la compatibilité entre différents navigateurs.
- Savoir implémenter des dégradés dans vos projets web.
Résumé
Apprenez à créer des arrière-plans dégradés pour différents navigateurs en utilisant CSS.
Description
Dans ce tutoriel, nous allons explorer la création d'arrière-plans dégradés pour divers navigateurs tels que Firefox, Safari, Chrome et Internet Explorer. Dans un premier temps, nous verrons comment configurer un dégradé pour Firefox en utilisant la propriété background et la fonction linear-gradient. Ensuite, nous aborderons la syntaxe spécifique à WebKit pour Safari et Chrome via webkit-gradient. Enfin, nous introduirons les filtres de style pour assurer la compatibilité avec Internet Explorer. Chaque étape sera expliquée en détail, y compris l'indication des couleurs de début et de fin, ainsi que les pourcentages de progression du dégradé. Nous détaillerons les différences syntaxiques nécessaires pour chaque navigateur et fournirons des exemples de code pratiques. Ce tutoriel est conçu pour vous aider à maîtriser l'art des arrière-plans dégradés et à gérer la compatibilité des différents navigateurs de manière optimale.
Questions - réponses
Filter.
linear-gradient est utilisé pour Firefox, tandis que webkit-gradient est utilisé pour Safari et Chrome, avec des syntaxes différentes pour chaque navigateur.
Programme détaillé
Module 1 - Introduction
Module 2 - LES FONDAMENTAUX ET TECHNIQUES AVANCEES DU HTML/XHTML
Module 3 - LES BASES DU HTML5 et les propriétés CSS3 courantes
Module 4 - HTML5 : Les nouvelles et autres balises html5
Module 5 - ANNEXES
Module 6 - Travailler en HTML5 et CSS3 avec les nouvelles balises et propriétés
Module 7 - Les nouveaux API du HTML5 (javascript)
Module 8 - Conclusion
