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.

Muse CC 2017 : Les nouveautés

Utiliser les widgets responsives

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Dans cette vidéo, vous allez voir qu'il est inutile de recréer ses widgets existants pour les rendre responsives. Une simple opération vous permet en effet de convertir vos widgets existants en responsives.

Transcription

Bonjour à toutes et à tous. Dans ce chapitre, nous allons aborder les nouveautés introduites dans Muse CC 2017, suite à la mise à jour du 22 août 2017. Alors une fois que vous aurez fait cette mise à jour et bien vous ne serez plus dans Muse CC 2017 mais dans Muse CC 2017.1 Avant toute chose, je vous invite à vous rendre dans le menu Adobe Muse CC si vous êtes sur Mac ou dans le menu d'aide si vous êtes sur Windows et vous allez cliquer sur cet élément : À propos d'Adobe Muse CC. Alors ce chapitre vous propose les nouveautés de la version 2017.1, donc vérifiez bien que vous avez installé cette version de Muse avant de continuer avec les autres vidéos de ce chapitre. La nouveauté principale de cette mise à jour concerne les widgets de Muse qui sont maintenant entièrement responsive. Prenons par exemple ce widget, cet accordéon, et bien je l'ai placé sur la page avec l'ancienne version de Muse et regardez ce qui se passe quand je redimensionne ma page. Quand je redimensionne ma page vous constatez que ce widget garde sa largeur originale et en plus ici quand j'arrive sur des largeurs de page un peu plus étroites, et bien il n'est plus du tout au centre. Alors je peux améliorer un petit peu cela puisque je peux épingler par exemple cet élément ici au centre de la page donc là maintenant il va bien rester au centre mais vous voyez qu'il n'est toujours pas responsive : sa largeur est fixe. Et donc comment puis-je rendre cet élément responsive ? Et bien je suis obligé par exemple d'agrandir ici ce widget mais je ne peux pas l'agrandir jusque tout à fait au bord de la page puisque, regardez, quand j'arrive à peu près ici je suis obligé de faire un point d'arrêt, de redimensionner manuellement mon accordéon comme ceci, de venir faire un nouveau point d'arrêt, de redimensionner de nouveau mon accordéon, etc. Et donc finalement c'est comme ça que je peux rendre cet accordéon plus ou moins pseudo-responsive on va dire, puisque vous voyez que sa largeur est fixe au sein de chacun des points d'arrêt. Alors la nouveauté de cette version est bien c'est que ces widgets sont maintenant responsive. Démonstration : je vais insérer maintenant sur cette page le même widget, alors ça se trouve dans les panneaux, voilà c'est l'accordéon, je le place ici sur ma page, je le mets bien au centre grâce à ces guides et puis regardez ce qui se passe quand je redimensionne ma page, mon widget est maintenant complètement responsive donc sa largeur est calculée en pourcentage et ça c'est dû à un outil qui existait déjà dans l'ancienne version de Muse mais qui n'était pas disponible pour les widgets. C'est l'outil de redimensionnement qui se trouve ici et vous voyez que par défaut la largeur de ces Rien ne vous empêche de faire en sorte que ces éléments se comportent toujours comme l'ancienne version. Si vous mettez non ici, et bien vous allez voir que cet élément redevient comme avant, c'est-à-dire qu'il n'est pas responsive. Vous pouvez maintenant gérer les différents points d'arrêt de ces éléments complètement différemment, parce que regardez si maintenant je place cet élément par exemple ici sur ma page, puis que je décide qu'à partir de cette largeur, par exemple de 650 pixels, et bien j'ai envie que ça devienne responsive, je peux très bien mettre un point d'arrêt ici, venir mettre mon élément au centre, le redimensionner jusqu'au bord de ma page et puis surtout, et c'est ça la nouveauté, choisir qu'il soit maintenant en largeur responsive. Et donc voilà ce qui va se passer, j'ai mon élément ici qui se comporte comme dans les anciennes versions de Muse mais à partir de ce point d'arrêt, il devient complètement responsive. Alors évidemment, vous le voyez, il doit avoir une largeur minimale de 320 pixels, ça ça n'a pas changé c'est toujours la même chose que dans les anciennes versions de Muse. Alors ce nouveau comportement concerne le widget ici des accordéons, mais pas uniquement. Il concerne également les formulaires. Regardez si je place maintenant un formulaire sur ma page, par exemple un formulaire de contact simple, je vais mettre ça au milieu de ma page, comme ceci, et bien vous allez constater que ces éléments de formulaire sont également complètement responsive et ça c'est une nouveauté également de cette version. Petite particularité ici du formulaire : ce n'est pas le formulaire en lui-même qui est responsive puisque vous voyez ici au-dessus que c'est le formulaire qui est maintenant sélectionné, par contre mon outil de redimensionnement ici, lui, il n'est pas disponible. Donc ce qui est responsive, et bien regardez, ce sont les différents champs du formulaire qui sont maintenant compatibles avec cet outil de redimensionnement. Ça ne s'arrête pas aux accordéons et aux formulaires puisque les diaporamas par exemple sont également responsive. On va faire un petit tour ici dans les diaporamas. Je vais mettre par exemple un diaporama standard, voilà, donc je vais le placer ici au milieu de ma page. Et bien remarquez que ce diaporama est lui aussi maintenant complètement responsive. Alors comme pour les formulaires, ce n'est pas le diaporama en lui-même qui est responsive puisque regardez maintenant qu'il est sélectionné, l'outil ici de redimensionnement n'est pas disponible. Ce sont donc bien les éléments de ce diaporama, regardez par exemple ici l'image principale, qui voilà sont maintenant compatibles avec cet outil de redimensionnement. Donc voici la nouveauté principale de cette mise à jour de Muse. Il s'agit des widgets qui ont bénéficié d'un lifting complet et qui sont maintenant donc complètement responsive. J'espère que ceci améliorera votre travail avec Muse.

Muse CC 2017 : Les nouveautés

Appréhendez les nouveautés de Muse. Utilisez le Power Zoom, comprenez le fonctionnement du bouton Partager, utilisez les nouveaux reCaptcha, fusionnez les modifications, etc.

33 min (8 vidéos)
Aucun commentaire n´est disponible actuellement
 
Logiciel :
Muse Muse CC 2017
Thématiques :
Design web
Standards du web
Spécial abonnés
Date de parution :2 nov. 2016
Mis à jour le:30 août 2017

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 !