Formation CSS : Comment créer un défilé d'images en CSS - Vidéo Tuto

Formation CSS : Ateliers Complets de Base
Une Vidéo Tutoriel sur comment créer un défilé d'images en CSS
✅ Suivez la formation CSS :
▶ bit.ly/3qVDYja
➖➖➖➖➖➖➖
Dans cette formation CSS, vous allez vous maîtrisez les bases fondamentales de CSS3 avec des ateliers pratiques.
Le CSS (Cascading Style Sheets)
Alors que HTML est utilisé pour structurer une page Web, notamment définir des éléments tels que les titres et les paragraphes et vous permettre d'incorporer des images, des vidéos et d'autres médias, CSS (Cascading Style Sheets) permet de spécifier le style de la page Web ; les mises en page, les couleurs et les polices sont toutes déterminées avec CSS. Vous pouvez considérer HTML comme la fondation d'une maison et CSS comme les choix esthétiques comme si vous faîtes la différence entre un manoir victorien et une maison moderne du milieu du siècle.
+ Le CSS3
CSS3 est la dernière évolution du langage Cascading Style Sheets. CSS3 apporte beaucoup de nouveautés, comme les coins arrondis, les ombres, les dégradés, les transitions ou les animations, ainsi que de nouvelles mises en page telles que les mises en page multicolonnes, les boîtes flexibles FLEXBOX ou les grilles CSS GRID.
Dans cette formation CSS
L'objectif de la présente formation CSS3 est de passer de La théorie à la pratique pour maîtriser les concepts de base du langage CSS. Cette formation vous permettra de mettre en application tout ce que vous avez appris tout au long du parcours dédié au développement web moderne HTML5et CSS3.
Vous allez tout d'abord apprendre à fixer une zone à l'écran, la rendant ainsi constamment visible pour l'utilisateur.
Ensuite, Vous allez apprendre à manipuler les angles d'une images grâce à la puissance du CSS3.
Après, Vous allez voir comment animer des éléments HTML tels qu'ils soient.
Enfin, Vous allez créer un diaporama d'images ainsi qu'un menu accordéon et un menu burger sans utiliser de langage de programmation. Vous allez aussi créer une page web de géolocalisation grâce à des outils simples d'utilisations.
+ Des atelier pratiques CSS3
Cette formation CSS repose essentiellement sur des ateliers d’application dans lesquels vous allez mettre en pratique les notions vues dans les vidéos tutoriels.
Le fichiers sources nécessaires aux cas pratiques sont accessibles et téléchargeables depuis les ressources attachées à la formation.
➖➖➖➖➖➖➖
Abonnez-vous à notre chaîne :
▶ www.youtube.co...
➖➖➖➖➖➖➖
✳️ Le plan de la formation CSS :
01.Présentation de la formation
02.Fixer une zone sur l'écran
03.Modifier les angles des images
04.Animer des éléments HTML
05.Création d'un diaporama
06.Menu accordéon
07.Liens vers les réseaux sociaux
08.Effet sur icones
09.Créer une page de géolocalisation
10.Réaliser un menu burger
11.Choix unique via un formulaire
12.Conclusion
✅ Suivez la formation CSS :
▶ bit.ly/3dNB3oV
➖➖➖➖➖➖➖
Playlist des vidéos gratuites de la formation CSS :
▶ • Formation CSS : Atelie...
➖➖➖➖➖➖➖
🔵 Restez connecté-e :
Alphorm Formations ▶ www.alphorm.co...
KZbin ▶ www.youtube.co...
LinkedIn ▶ / alphorm
Twitter ▶ / alphorm
Facebook ▶ / alphorm.officiel
Quora ▶ www.quora.com/...
#CSS #HTML #Animation

[@Alphorm]

✅ Suivez la formation complète : ▶ bit.ly/3kxLyyg

[@pascalquetin8110]

C'est un peu par hasard que je suis arrivé sur ton tuto. Franchement BRAVO. Je suis débutant et développe seul mon site. Donc je suis un grand consommateur de tutosss. Dans le tien j'y retrouve la pédagogie, la méthodologie, la simplicité mais surtout l'efficacité à l'aide d'un exemple simple. Oui il démystifie bien ce que l'on pourrait imaginer de compliqué. Cela donne courage.

[@maxspeedcubing11]

je suis entièrement d'accord

[@alyssaaly7442]

Merci infiniment pour ce tuto excellemment bien expliqué , je vais pouvoir avancer dans mon travail merci encore^^

[@magiclyrics953]

Très Professionnel en plus de ça! Bonne explication. Merci à vous

[@maxspeedcubing11]

encore une vidéo incroyable elle m'a beaucoup aider car je comprend presque rien en java script

[@emmachastang108]

Merci beaucoup pour cette vidéo !! Ca fait plusieurs jours que je cherche un code pour faire ce caroussel et je suis tombé sur ta vidéo ce matin, j'étais hyper contente !!

[@Alphorm]

Avec plaisir 😊 🌟 Découvrez des formations de qualité sur Alphorm.com ! Que vous soyez débutant ou expert, ils offrent une variété de cours pour répondre à tous les niveaux. Explorez des sujets passionnants et améliorez vos compétences professionnelles. 💼 N'hésitez pas à consulter leur plateforme pour trouver la formation qui correspond à vos besoins. Bon apprentissage ! 🚀 #Alphorm #FormationProfessionnelle

[@Audaces.]

merci beaucoup, très bon tuto.

[@MimirMimir-co5bj]

Je m'abonne directement sans hésitation !

[@Alphorm]

Nous sommes ravis que la formation vous ait plu ! Si vous souhaitez continuer à perfectionner vos compétences, n'oubliez pas de jeter un œil à nos cours complets sur Alphorm.com Vous y trouverez encore plus de contenu pour vous aider à atteindre vos objectifs. ✅Suivez la formation complète : ▶bit.ly/3kxLyyg

[@user-lz7ww6zq1g]

Bravo frère plus d'explication dans les prochains video

[@OdilonSenyo]

Merci bcp 🙏😊😊

[@Alphorm]

🌟 Découvrez des formations de qualité sur Alphorm.com ! Que vous soyez débutant ou expert, ils offrent une variété de cours pour répondre à tous les niveaux. Explorez des sujets passionnants et améliorez vos compétences professionnelles. 💼 N'hésitez pas à consulter leur plateforme pour trouver la formation qui correspond à vos besoins. Bon apprentissage ! 🚀 #Alphorm #FormationProfessionnelle

[@LDA-Product]

Super bon cours !!

[@romainandre8199]

Merci beaucoup

[@Alphorm]

Nous sommes ravis que vous ayez apprécié! N'oubliez pas que sur Alphorm.com, vous pouvez trouver une multitude de ressources pour continuer à enrichir vos connaissances. 💡Suivez la formation complète : 🔗 bit.ly/3kxLyyg N'hésitez pas à explorer notre plateforme pour découvrir davantage de cours passionnants! 🚀📚

[@laurentsoke2196]

très beau et propre

[@cassandrawabo5271]

Merci beaucoup ☺️☺️

[@storwss6606]

Bonjour, tout d'abord, merci pour cette super vidéo. Cependant, j'avais une questions. Comment faire pour effectuer la même chose mais au lieu des mettre des tailles passives (px, cm, um) utilisé des valeurs actives (en % par exemple) ? Car, j'ai essayé de mon côté et soit l'images est trop grande, soit 2 ou 3, les images sont affichées en même temps. Merci d'avance

[@user-zw7xr2di2y]

Moi j'ai fait ca

[@yayadagno7569]

J'aime bien

[@ALBUMJSK]

merci pour ce tutto excellent , question: est ce que je peux rendre cette animation téléchargeable pour l'utiliser sur programme de Stream

[@sarahaoufi7623]

merci c'est très utile!; j'ai un petit problème ,c'est que j'ai une bar de menu et quand mon sous menu apparaisse ,il est au dessous du défilé d'images,comment faire?

[@storwss6606]

soit tu doit utiliser l'arborescence de ton fichier, soit du doit utiliser un autre flex box plus globale pour tout gérer. Je te conseil de regarder une vidéo sur les flex box, c'est vachement bien. (je sais que ton commentaire dta e d'il y a plus d'un an, mais j'avais une envie de répondre)

[@Ardubx]

Vidéo sympa mais mon caroussel ne va pas plus loin que la 2eme image sur les 4.

[@Alphorm]

Merci pour votre retour! Nous sommes ravis que la vidéo vous ait plu. Concernant votre problème avec le carrousel, cela peut être dû à des erreurs de code CSS. Si vous souhaitez en apprendre davantage sur la résolution de ce problème et sur les meilleures pratiques en matière de CSS, je vous recommande vivement de consulter nos formations spécialisées sur Alphorm.com Vous y trouverez des cours détaillés sur le CSS et bien d'autres sujets liés au développement web. ✅ Suivez la formation complète : 🔗bit.ly/3kxLyyg Bonne chance ! 🚀🎓

[@Je.positive]

je ne parviens pas à afficher une image dans un fichier html.Je ne maîtrise pas la transcription du chemin de l'image < img src=" ...??????.........." > veuillez m'aiclairer svp,merci d'avance!A savoir que j'ai créé un dossier html dans lequel j'ai glissé cette image

[@cedriccharpentier7348]

Bonjour à vous. Tout d'abord, merci pour votre tuto ! Cela m'a aidé a plus de 1000000% a faire un carrousel. Ensuite, l'animation ne fonctionne pas dans mon code. Je ne sais pas ce qu'est le problème, même en refaisant pas à pas le tutoriel, il ne cesse de dysfonctionner. Auriez-vous une solution ?

[@myreyvan574]

Bonjour superbe vidéo Mais je voudrais savoir si on peut appliquer ce style au images de fond d'écran

[@M8_maxiz]

normalement tu dois juste mettre tes image dans le background du boddy

[@guillaumebobin2492]

Bonjour, j'ai un problème sur le clés du doc css pour 0% Est-ce que je peux vous envoyer mon code?

[@M8_maxiz]

regarde si dans le keyframes tu as bien mis les px et non juste des chiffres pour tes decalages

[@pepito_2689]

les images s'affichent mais pas le caroussel, j'ai l'impression que le fichier CSS ne s'effectue pas

[@samuelessino7707]

comment faire images que nos images ont une memes dimension ? Merci

[@Matt-dz2jr]

quel platform utilise tu ?

[@jokerorage3959]

pourquoi entre mes images j'ai un liseré blanc de quelque pixels svp ??

[@M8_maxiz]

il y a une marge entre tes image ou elles ne sont pas correctement découpée

[@user-zd1ir9rm2c]

Nickel de mon côté, j'aurais juste deux questions : 1) J'ai intégré mon carrousel à une page qui contenait déjà des éléments textuels. Du coup je n'ai pas pu apporter les modifications à "body", sinon, fatalement, ça me perturbait toute ma mise en page ! Mais je n'arrive pas à centrer mon carrousel, du coup. J'ai essayé en appliquant les propriétés à #carrousel sans effet, et même en créant une autre balise par-dessus, les modifications d'alignement ne semblent pas s'appliquer... 2) Est-il possible de mettre des légendes aux photos qui apparaitraient sur le carrousel sans le foutre en l'air ? Avec quelles balises du coup ? Merci si quelqu'un répond, sinon, je vais enquêter de mon côté ! :)

[@Nioki_a_poeler]

j'ai le meme probleme tu as trouvé la solution ?

[@strategiesetdeveloppement2525]

Compliqué pour moi