Nous mettrons à jour notre Politique de confidentialité prochainement. En voici un aperçu.

L'essentiel de Muse CC 2015

Travailler avec des calques

Testez gratuitement nos 1340 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Découvrez le système de calques de Muse. Vous allez créer les calques nécessaires à la création de votre site.

Transcription

Tous les éléments dont j'ai besoin sont présents sur le gabarit. Mais ce n'est pas pour autant que le travail sur ce gabarit est terminé. Dans cette vidéo nous allons essayer de comprendre la notion de calques dans Muse et nous allons placer les différents éléments de notre gabarit dans ces calques alors parmi tous les panneaux présents ici sur le côté, il y en a un qui s'appelle le panneau des calques et quand vous ouvrez ce panneau des calques, et bien vous constatez qu'il y a déjà un premier calque qui s'appelle calque 1 qui est présent dans votre fichier Muse, et quand vous ouvrez ce cadre avec le petit triangle qui se trouve devant, et bien vous constatez que tous les éléments que vous avez définis sur votre gabarit font partie de cet unique calque, Calque 1. Alors cette façon d'aborder la notion de calque est identique à celle qui existe dans Illustrator ou In Design, donc si vous êtes habitués à ces logiciels vous êtes ici en terrain connu, par contre attention si vous êtes plutôt un utilisateur de Photoshop et bien ce que nous appelons calque ici dans Muse, vous appelez ça groupe de calques dans Photoshop. Donc faites attention ce n'est pas exactement la même notion. Alors je vais maintenant deux calques supplémentaires, pour ça je vais cliquer ici dans le fond du panneau calque sur le bouton Nouveau calque, Vous voyez que je crée du coup un Calque 2 je vais double-cliquer sur ce Calque 2 pour ouvrir cette petite boite qui s'appelle Option de calques, et là je vais pouvoir changer le nom de mon calque, je vais appeler ce calque Entête, voilà. Je pourrais également changer la couleur associée à ce calque, ici le rouge me convient très bien, choisir si ce calque sera affiché ou pas, et vous voyez que par défaut, Muse va décider d'afficher ce calque. Choisir également si ce calque sera ou pas verrouillé et vous voyez que ici, par défaut, et bien Muse ne verrouillera pas ce calque. Alors ces options par défaut me conviennent tout à fait bien donc je vais valider par ok, voila. Et puis répéter cette procédure une seconde fois, pour créer un calque supplémentaire, donc la petite icône Nouveau calque, voila le Calque 3 je double-clique sur ce Calque 3 pour aller changer son nom, et je vais l'appeler ContenuPage le reste des réglages me convient bien, et voila mon calque ContenuPage. Je peux également modifier les propriétés d'un calque existant, pour ça je vais simplement double-cliquer sur ce calque pour ouvrir la boite des options de calque qui correspondent à ce calque, c'est là que je vais changer le nom, je vais appeler celui ci PiedPage, voila. Alors j'ai bien trois calques, Contenu, EnTête et PiedPage, alors logiquement on s'attendrait peut-être à voir le calque EnTête au dessus et ContenuPage au milieu et PiedPage en dessous puis-qu’après tout, visuellement et bien c'est d'abord les éléments de l'en-tête puis du contenu, puis du pied de page qui vont se présenter à moi, alors fort heureusement le panneau des calques me permet par un simple cliquer-glisser de changer l'ordre de mes calques comme ceci. Alors j'ai mes trois calques, mais pour le moment tous les éléments définis sur mon site font tous partie du calque pied de page. Je vais donc répartir ces éléments dans les différents calques que j'ai crées. Alors pour ça je vais sélectionner par une marquise de sélection les éléments de mon en-tête et vous voyez que ces éléments sont facilement identifiables dans le panneau des calques puisque les éléments sélectionnés et bien sont repérables grâce à ce petit carré bleu qui se trouve ici à côté de chacun de ces éléments. Alors pour transférer un élément d'un calque dans un autre j'ai deux solutions ici qui sont assez simples, je vais commencer par le rectangle, donc je vais prendre le carré bleu qui correspond à ce rectangle et je vais aller le déposer sur le carré qui correspond au calque EnTête, donc là vous voyez que le rectangle a été transféré dans le calque En-Tête, vous voyez également que le rectangle ici est passé à l'avant plan. En effet les calques, et bien se sont eux qui vont contrôler l'ordre d'empilement des éléments qui se superposent et voila pourquoi il était tout à fait indispensable de pouvoir changer l'ordre de ces calques ici dans le panneau des calques. Alors une autre façon de transférer des calques dans un autre, et pour ça je vais profiter de la sélection qui est toujours active. Je vais me rendre dans le menu Objet, là je vais déplacer vers le calque EnTête tous les éléments qui sont sélectionnés, voila qui est fait, donc tous ces éléments se retrouvent maintenant dans le calque EnTête et puis les autres et bien ils sont restés bien sûr dans le calque PiedPage. Alors je vais aller sélectionner ici un élément de mon pied de page et là vous voyez que le cadre de sélection et bien il est en bleu. Pourquoi ce cadre de sélection est-il en bleu? Et bien parce que dans mon panneau des calques le bleu est la couleur associée au calque PiedPage. Par contre si je vais sélectionner un élément de l'en-tête mettons par exemple cette ellipse, là vous voyez que le cadre de sélection est en rouge, tout simplement parce que dans le panneau des calques, la couleur associée à l'en-tête est la couleur rouge. Donc voila, quand vous sélectionnerez un élément dans votre gabarit Muse ou dans vos pages Muse, et bien la couleur du cadre de sélection que Muse va utiliser vous donnera une indication sur le calque dans lequel se trouve l'élément que vous venez de sélectionner. Alors au niveau des calques, Que puis-je faire avec ça? Je peux utiliser les calques pour sélectionner des éléments, regardez, je vais simplement cliquer ici le carré qui correspond à PiedPage, et donc je sélectionne tous les éléments qui font partie de ce calque PiedPage même chose bien sûr avec l'en-tête, voila, je peux sélectionner tous les éléments de l'en-tête comme ça très facilement. Je peux également contrôler la visibilité de mes éléments grâce au petit œil ici, je peux complètement masquer l'ensemble d'un calque, même chose pour le pied de page ici ou contrôler individuellement la visibilité de chaque élément de mon calque comme ceci. Je peux également verrouiller les éléments donc pour ça je vais cliquer dans le vide ici, vous voyez qu'il y a un petit cadenas qui apparaît, et donc quand j'active ce petit cadenas, les éléments sont complètement verrouillés ça veut dire que je n'ai plus l'occasion si je ferme ici le panneau des calques d'aller sélectionner ces éléments et donc si je ne sais plus les sélectionner, et bien je ne peux plus modifier non plus les propriétés, modifier leurs tailles ou modifier leurs positions sur mon document. Alors la meilleure pratique que l'on va adopter, c'est de verrouiller tous les calques et puis quand on désirera travailler avec un calque et bien on ira déverrouiller uniquement le calque avec lequel on désire travailler. Ça, ça nous permettra deux choses, d'abord ça nous permettra de nous assurer que nous plaçons bien les éléments sur le bon calque et puis ça nous permettra d'éviter d'aller sélectionner des éléments ailleurs sur la page et de les déplacer alors qu'ils sont déjà correctement alignés. Donc voilà ici une meilleure pratique que allons adopter. Voila donc la notion de calque ici dans Muse, alors dernière petite chose que je vais faire dans cette vidéo je vais profiter des calques, donc déverrouiller ici le calque pied de page et sélectionner l'ensemble des éléments du pied de page. Et puis m’assurer en haut et à droite de l'écran que la petite case à cocher pied de page, ici est bien cochée, voila donc maintenant je sais que tous les éléments qui sont sélectionnés ici ont bien été identifiés par Muse comme étant des éléments du pied de page et ça, ça permet quoi, et bien quand je passe ma souris sur cette case à cocher sans cliquer, vous voyez que les éléments définis comme éléments du pied de page suivent le mouvement du bord de page inférieur, effectivement j'ai envie que ces éléments soient bien toujours dans le fond de ma page, après mon contenu, et donc si la page est plus haute leur position va être calculée par rapport au fond de la page et pas par rapport au dessus de la page. Voila, mon gabarit est maintenant prêt, mes 3 calques sont sélectionnés, je vais bien sûr appliquer mes règles de bonne pratique et verrouiller ces calques ici, et je vous donne rendez-vous dans la prochaine vidéo où nous allons créer un second gabarit.

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 !