Le 14 septembre 2017, nous avons publié une version actualisée de notre Politique de confidentialité. En utilisant video2brain.com vous vous engagez à respecter ces documents mis à jour. Veuillez donc prendre quelques minutes pour les consulter.

L'essentiel de Muse CC 2015

Utiliser le widget Diaporama

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Apprenez à utiliser le widget Slideshow de Muse qui permet de faire défiler une collection d'images de manière automatique.

Transcription

Toujours dans ce chapitre consacré à l'interactivité et aux widgets, nous allons dans cette vidéo nous pencher sur le diaporama de la page d'accueil. Je suis donc ici sur la page d'accueil que j'ai ouvert en mode conception, et je vais commencer par sélectionner ici ce grand rectangle et le supprimer bien sûr puisque je vais le remplacer par un diaporama. Alors le diaporama, il se trouve dans la bibliothèque de widgets, vous avez plein de diaporamas qui vous sont proposés, il faut savoir qu'en fait c'est toujours du même widget mais chaque fois avec des options par défaut différentes. Alors dans mon cas je vais me contenter du diaporama standard que je vais prendre et déposer sur ma page, et donc je vais tout d'abord fermer ici ma bibliothèque de widgets. Donc voila mon diaporama qui apparaît, alors comme pour tous les autres widgets, et bien j'ai cette petite flèche ici qui me permet d'atteindre les options de ce widget, donc je vais cliquer dessus, et évidemment la toute première option auquel vous avez accès dans le haut de cette boite de dialogue c'est le fait de pouvoir choisir les images qui voulez voir défiler dans ce diaporama. Je vais cliquer donc sur l'icône du petit dossier qui est ici, pour aller chercher dans les sources de cette formation, au niveau du dossier Images, dans le sous-dossier Diaporamas, vous allez tout simplement sélectionner l'ensemble des images qui sont ici, les ouvrir et donc au bout de quelques secondes vous allez voir que ce sont maintenant sont vos images qui remplaceront les images par défaut que Muse vous propose dans le widget. Alors d'autres petites options que je vais vous montrer, vous voyez que par défaut dans ce diaporamas nous avons une série d'éléments ici dans le fond juste en dessous des images notamment deux petites flèches, un compteur d'image une légende, et bien je n'ai pas besoin de ces élément là, donc je vais supprimer le bouton précédent, le bouton suivant, la légende et le compteur pour ne garder vous voyez que cette image. Alors je vais également pouvoir choisir ici la transition, par défaut en fondu mais je peux également avoir une transition horizontale ou verticale, je vais choisir ici une transition horizontale. vous pouvez choisir la vitesse de la transition qui par défaut est fixée à 0,5 secondes, mettre votre diaporama en lecture automatique ou pas, donc si je décoche ceci, il n'y a pas de lecture automatique. Moi je vais le mettre en lecture automatique toutes les 3,5 secondes, par défaut et le reste des options, et bien je vous invite à les découvrir par vous même, ce sont des options qu'on utilisera pas ici dans le cadre de cet exemple. Alors voila mon diaporama qui est ici, Il me reste une chose à faire, c'est à dire à le placer correctement ici sur ma page, ok, maintenant je peux changer sa taille comme ceci, nous y sommes, dans le panneau des calques je vais prendre le diaporama et le mettre tout dans le fond de ce calque pour que les autres éléments apparaissent au-dessus. Là vous voyez un petit bug qui se passe dans Muse ici, quand je décale ici le diaporama dans le panneau des calques et bien le diaporama se déplace également ce qu'il n'est pas censé faire donc je vais devoir de nouveau le replacer comme ceci, il est donc bien maintenant à l'arrière plan avec les autres éléments au-dessus, et puis dernière petite chose que je vais faire sur ce diaporama, et bien je vais changer l'opacité de cette image principale du diaporama et je vais On va mettre là 80% comme ceci, et voici donc un beau diaporama de mis en place on va tout de suite voir ce que ça donne en allant dans l'aperçu. Et donc là vous voyez toutes les 3,5 secondes et bien je change d'image et la transition horizontale dure une demi seconde. Alors si ceci vous plaît alors vous avez terminé votre travail avec le diaporama, si pas, alors n'hésitez pas bien sûr à revenir vers la page d'accueil, à cliquer sur cette petite flèche bleu pour accéder aux options du diaporama. Et puis à modifier quelques paramètres, notamment ici peut être avoir ici une transition un peu plus lente, et une lecture automatique toute les 5 secondes, on va voir ce que ça donne tout de suite dans l'aperçu. On va attendre 5 secondes que les images passent, vous voyez que la transition est un petit peu plus lente, et puis au final, je trouve que ceci donne beaucoup mieux, donc je vais garder ces nouveaux réglages, voila un bref aperçu du widget diaporama, vous le voyez qui vous permet de faire vous voyez défiler des images dans votre site.

L'essentiel de Muse CC 2015

Créez des sites web riches et dynamiques sans aucune compétence en programmation avec Muse. Gérez les plans et les calques, mettez en place une navigation entre vos pages, etc.

3h50 (44 vidéos)
Aucun commentaire n´est disponible actuellement
 
Logiciel :
Thématiques :
Design web
Standards du web
Spécial abonnés
Date de parution :21 juil. 2016

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !