L'essentiel de Muse CC 2015

Comprendre l'interface de Muse

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Familiarisez-vous avec l'interface de Muse et avec les grandes étapes du flux de production proposé.

Transcription

Dans cette vidéo, je vous propose de faire un rapide tour d'horizon de l'interface de Muse, alors si vous êtes habitués à utiliser les autres produits de la suite Adobe et bien vous allez voir que c'est assez similaire à ce que vous connaissez déjà. alors je suis ici dans le mode plan de Muse, et le mode plan est l'un des 4 modes de vue de Muse, vous les retrouvez ici en haut à droite, le mode conception, le mode plan, le mode aperçu, et le mode publier, et ces 4 modes de vue représentent en fait le flux de travail que l'on vous propose d'utiliser dans Muse. Vous allez commencer votre travail par créer votre site et créer le plan, de votre site, créer les différentes pages que vous aurez besoin dans ce plan, ensuite vous passerez à la conception de chacune de ces pages, c'est d'ailleurs dans le mode conception que vous passerez le plus clair de votre temps, le mode aperçu vous permettra de tester vos pages, avant bien évidemment de terminer votre travail, par la publication de votre site c'est à dire par le fait de générer le code HTML, CSS, Java Script que vous allez ensuite uploader sur le serveur de votre hébergeur. Alors dans le mode plan vous voyez les différentes pages du site, pour le moment je n'en ai qu'une, la page d'accueil ainsi qu'un gabarit, Ces deux éléments ont été crées automatiquement lors de la création du site, rappelez-vous de la vidéo précédente. Si je double-clique sur l'un de ces éléments, prenons par exemple la page d'accueil, mais je pourrais très bien faire cette expérience avec le gabarit également et bien je vais ouvrir l'élément en question dans le mode conception. Voyez que je suis passé maintenant dans le mode conception, rien ne m'empêche évidemment de retourner dans le mode plan ou bien de retourner dans le mode conception soit en double cliquant de nouveau sur l'élément ou en cliquant ici sur l'onglet qui est resté ouvert pour cette fameuse page d'accueil. Me voici donc dans le mode conception de Muse, c'est ici que vous passerez le plus clair de votre temps, et je vais commencer par la barre qui se trouve sur le côté gauche de l'écran, c'est ce qu'on appelle la barre d'outil, alors vous avez différents outils qui sont ici l'outil de sélection, l'outil de recadrage, l'outil texte, l'outil rectangle, bref il y a pleins d'outils dont on va reparler bien sûr dans le courant de cette formation. Alors cette barre d'outil, vous pouvez éventuellement la mettre sur deux colonnes en cliquant sur la flèche, ou sur une seule colonne, moi je vais la garder sur une seule colonne comme ça elle prend moins de place, et puis dans le menu fenêtre, remarquez que le mot Barre d'outil est ici imprimé avec le coche un petit v devant donc quand je clique dans cette barre d'outil, et bien je vais la désactiver, vous voyez qu'elle n'est plus sur l'écran pour la faire réapparaître c'est très simple, je vais tout simplement remettre le petit coche ici devant le mot Barre d'outil. Voila donc pour la barre d'outil vous avez ensuite ne barre qui traverse l'écran ici sur la partie supérieure, là c'est ce qu'on appelle la barre de contrôle, la barre de contrôle va toujours vous donner toujours les propriétés de l'objet sélectionné et vous donner aussi la possibilité de modifier ces propriétés. Alors pour le moment, l'objet sélectionné, c'est la page. Vous avez le mot page d'ailleurs qui est indiqué ici en haut à gauche de cette barre de contrôle, barre de contrôle au passage que je peux également dans le menu fenêtre désactiver comme ceci ou faire réapparaître. Voila, donc j'ai ici les différentes propriétés de la page, page qu'est l'élément sélectionné, donc je vais pouvoir par exemple changer la couleur de fond de la page, changer le contour, la couleur du contour de la page etc, etc. Alors si je dessine un rectangle, voila donc j'active l'outil rectangle et je dessine un rectangle, et bien vous voyez maintenant que l'objet sélectionné ce n'est plus la page, c'est le rectangle, d'ailleurs c'est le mot rectangle maintenant qui est écrit ici en haut à gauche de cette barre de contrôle, et puis vous voyez que les contrôles ne sont pas tout à fait les mêmes ils sont plus nombreux ici dans le cas d'un rectangle, je vais maintenant pouvoir changer par exemple la couleur de fond du rectangle, la couleur du contour de mon rectangle, donner une épaisseur au contour de mon rectangle etc. Remarquez également que sur cette barre de contrôle, il n'y a pas que des icônes il y a des liens comme par exemple ici le mot Effet ou le mot Hyper Lien et bien tous ces liens vont me donner accès à encore plus d'icônes et donc de contrôles par exemple ici des contrôles supplémentaires quant au contour de mon objet, ou quant au fond ici de mon objet. Alors si vous avez un écran plus large que le mien, et bien il se peut que vous ayez plus d'icônes que moi et un peu moins de liens, en effet je n'ai pas une largeur d'écran très grande, ici j'ai un écran de 1280 pixels de large, et donc Muse n'a pas assez de place pour afficher toutes ces icônes, c'est pour ça que elle réduit, Muse va réduire une série d'icônes à l'état de lien, c'est le cas par exemple ici des liens d'alignement, vous voyez que je dois ici cliquer sur le bouton alignement pour avoir accès à tout ces contrôles, il se peut que sur votre écran si vous avez une largeur plus grande que la mienne que certaines de ces icônes soient directement accessibles sans que vous ayez à cliquer sur le lien alignement qui se trouve ici. Alors si je continue le petit tour d'horizon, je vais maintenant passer à la partie droite de la fenêtre, et bien là je vais retrouver toute une série de panneaux, vous voyez le panneau texte, le panneau nuancier, le panneau de la bibliothèque, de widgets, le panneau des états, c'est ici que l'on va définir l'état normal, l'état de survol, l'état de clic etc, des différents éléments. Alors ces panneaux, vous voyez qu'ils sont groupés, par exemple ici le panneau est état il est groupé avec le panneau de bibliothèque de widgets et avec le panneau effet de défilement, vous les retrouvez d'ailleurs tous 3 ici. Ces panneaux sont accrochés à l'interface mais rien ne vous empêche si vous prenez l'un de ces panneaux de décrocher ce panneau et de le faire flotter sur l'écran, je vais cliquer sur la double flèche ici pour refermer les panneaux qu'il restait, et donc j'ai un panneau de bibliothèque de widgets qui maintenant se ballade sur l'écran, c'est un panneau flottant et je vais pouvoir ré-accrocher ce panneau à un autre endroit de mon interface, vous voyez ici, j'ai une barre bleu qui apparaît, si je lâche la souris et bien c'est à cet endroit là maintenant que le panneau de la bibliothèque de widgets va s'accrocher et je vais pouvoir fermer ce panneau ou le rouvrir comme ceci. Alors je vais redécrocher ce panneau, voilà, pour aller le replacer là où il était c'est à dire ici, voila, avec le panneau état, et le panneau effets de défilement. Alors dans tous ces panneaux vous avez plein d'outils vous voyez, ici la bibliothèque de widgets, l'effet de défilement, les calques, les bibliothèques creative cloud, les ressources etc, et bien figurez-vous qu'il y a encore plein de panneaux disponibles dans Muse et qui ne sont pas présents par défaut sur l'interface. Alors tous ces panneaux vous allez retrouver la liste intégrale de tout ces panneaux ici dans le menu fenêtre, ils sont classés par ordre alphabétique, remarquez par exemple le panneau ressource qui est ouvert pour le moment, c'est pour ça qu'il y a un petit coche devant et bien si je clique sur ce mot ressource, je vais refermer le panneau ressources exactement comme si j'avais cliqué ici sur le bouton Ressource. De retour dans mon menu fenêtre, remarquez qu'il y a des panneaux qui ne sont donc pas présent sur l'interface, c'est le cas par exemple des panneaux de style, donc le style de caractères, styles de paragraphe etc. Et bien si je clique sur le nom de ce panneau, Style de caractères, vous allez voir que des panneaux supplémentaires vont être ajoutés à mon interface, Style de caractère, Style de paragraphe, Style graphique style de puce, le panneau Transformation qui est ici, bref il y a absolument plein de panneaux dans Muse, rappelez-vous que tous ne sont pas forcement affichés sur l'interface par défaut. Alors j'ai fait plein de changements ici dans mon interface, pour revenir à zéro, c'est à dire sur l'interface de base et bien je retourne dans mon menu fenêtre et je vais prendre la commande réinitialiser les panneaux, et là tout se remet en place comme c'était quand j'ai ouvert Muse au tout début donc mon utilisation de ce logiciel. J'en profite également pour sélectionner mon rectangle et le faire disparaître. Voila donc vous avez un rapide tour d'horizon de l'interface de Muse vous constatez que cette interface est entièrement personnalisable et très flexible, alors prenez le temps de jouer un petit peu avec cette interface, faites apparaître et disparaître des panneaux, voyez quels sont les outils à votre disposition et quand vous aurez fini n’oubliez pas de réinitialiser les panneaux dans le menu fenêtre avant de passer à la vidéo suivante.

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 !