6,00 au lieu de 9,00

Tuto Diaporama d'images en CSS sans programmation avec CSS opération spéciale -33% jusqu'au 02 octobre, 23:59

6,00 au lieu de 9,00

  • Une formation vidéo de 34m38s
  • Téléchargement immédiat et visionnage illimité à vie
  • Satisfait ou remboursé
  • Fichiers sources inclus
Diaporama d'images en CSS sans programmation

ajouter ce cours aux favoris retirer ce cours des favoris

Apprenez à concevoir un Diaporama sans programmation

Dans ce tuto en vidéo, je vous propose d'apprendre à réaliser un diaporama avec apparition des images en fondu.

La programmation de ce genre de diaporama est hyper complexe en JavaScript, voire en jQuery.
Je vous propose d'oublier JavaScript et jQuery et de développer ce diaporama sans aucune programmation.
De quoi alléger considérablement notre page web.

En réalité, pour réaliser ce fondu d'images, nous allons utiliser uniquement du CSS. Notre diaporama sera bien évidemment responsive, c'est à dire qu'il pourra s'afficher peu importe le terminal utilisé (smartphone, tablette, ordinateur).

A la fin du cours, vous pourrez passer un petit QCM pour valider vos connaissances acquises.
Si vous avez des questions, je reste disponible dans le salon d'entraide du tutoriel

Si vous souhaitez aller plus loin dans les connaissances de la technique que nous allons utiliser dans ce tuto, je mets à votre disposition un cours théorique dédiée à l'animation CSS.

Table des matières de cette formation CSS (durée : 34m38s)

    • Mise en place des bases du travail 00:04:45
    • Empilement des images 00:06:11
    • Mise en place de l'animation 00:03:59
    • Mise en place des règles de l'animation 00:05:40
    • Amélioration du style général de la page 00:04:06
    • Mise en place du responsive 00:06:05
    • Conclusion 00:01:11
    • Bonus 00:02:41



Formateur : Carl Brison

Carl Brison a publié 320 tutoriels et obtenu une note moyenne de 4,9/5 sur 18 826 tutoriels vendus. Carl Brison est un formateur certifié tuto.com. Voir les autres formations de Carl Brison

5,0
note moyenne

12
avis laissés
5 étoiles
12
4 étoiles
0
3 étoiles
0
2 étoiles
0
1 étoile
0
  • 5
    avis de _izigrafik laissé le 23/03/2023
    Merci beaucoup Carl pour ce tuto très instructif ! C'est à chaque fois un plaisir pour moi de vous suivre ! A bientôt, Eric.
    "Merci beaucoup pour votre commentaire, Eric ;-)"

  • 5
    avis de devfront_45 laissé le 15/02/2023
    Merci Carl pour ce tuto sur le diaporama d'images en CSS. C'est toujours un plaisir de suivre vos tutos. Celui-ci (comme les autres) me sera également très utile. Bravo pour la qualité de vos cours. Validé 100 % Diaporama d'images en CSS.
    "Merci beaucoup pour votre gentillesse, Alain ;-)"

  • 5
    avis de supergeo laissé le 11/01/2022
    Excellent tuto mené de main de maître par l'excellent Carl Brison !!!
    "Quelle gentillesse ;-) Merci Valérie ;-)))"

  • Avec quelle version de logiciel ce tuto est-il compatible ?
    CSS 3
  • Quel est le niveau requis pour suivre ce tuto ?
    débutant
  • Que contient le fichier source ?
    Le code du tuto
  • Bonjour,
    je voudrais être certaine que ce tuto est compatible avec tous les navigateurs (j'ai déjà réalisé un code qui fonctionne sous chrome et Mozilla mais qui n'apparait pas sous explorer et edge…)ainsi qu'être sûre qu'il s'agit bien d'un diaporama automatique, en vous remerciant,
    chloé

    Chloé
    Bonjour Chloé, merci pour votre message. Le code que je propose ici est un code CSS parfaitement valide et reconnu par la W3C. Tous les navigateurs récents reconnaissent ces codes CSS. Carl.
French Days automne 2023
accédez à plus de 1448 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données