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

Comprendre les pages et les gabarits

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Faites la différence entre une page et un gabarit. Vous allez aussi créer des gabarits et lier une page à un gabarit.

Transcription

Dans cette vidéo nous allons essayer de comprendre l'idée qui se cache derrière la notion de gabarit. Alors rappelez vous que nous avons dans le site un premier gabarit qui a été automatiquement crée par Muse lors de la création du site, ce premier gabarit il se trouve ici dans le fond du mode plan et il s'appelle A-Gabarit Alors je vais faire un double-clic sur ce gabarit pour l'ouvrir en mode conception, et sur ce gabarit je vais prendre mon outil rectangle par exemple pour venir y dessiner un rectangle. Un rectangle auquel je vais choisir une couleur de fond, voila par exemple ici du vert, je vais revenir sur le plan de mon site en cliquant sur l'onglet chemin vert qui se trouve ici, et vous voyez que le rectangle vert que j'ai défini sur mon gabarit, et bien je le retrouve sur chacune des 4 pages de mon site alors comment cela se fait-ça. Et bien tout simplement les 4 pages de mon site sont associées à ce gabarit, c'est pour ça que vous avez le mot : A-Gabarit en dessous du nom de chacune de ces pages. Donc tout ce que je fait sur ce Gabarit-A, je vais retrouver ses éléments sur mes pages Par contre si j'ouvre ma page d'accueil par exemple, en double cliquant dessus, vous voyez que je suis sur la page d'accueil en mode conception. Et bien là vous remarquez que si je prends mon outil sélection ici sur le côté, et bien j'ai beau cliquer sur mon rectangle vert je ne parviens pas à le sélectionner. En effet les éléments qui appartiennent au gabarit, et bien je dois les modifier sur le gabarit, mais je n'ai pas accès à ces éléments sur les pages que je vais créer, les pages qui sont associées à ce gabarit, d'ailleurs si je vais voir dans le panneau calque ici de cette page d'accueil et bien vous remarquez que ce panneau calque est complètement vide, je n'ai absolument aucun élément ici dans ce calque 1 tout simplement parce que je n'ai pas défini véritablement défini d'élément directement sur cette page d'accueil. L'élément qui est ici présent appartient au gabarit. Alors je vais fermer la page d'accueil, je vais revenir sur le plan de mon site, rappelez-vous que dans le mode plan on pouvait créer des pages, Ça vous l'avez vu dans la vidéo précédente. Et bien de la même manière, on peut créer des gabarits. D'ailleurs je vais placer ici ma souris sur le gabarit A et vous voyez un petit + à gauche, un petit plus à droite, ce qui me permet vous l'avez deviné de créer un nouveau gabarit qui s'appelle B-Gabarit par défaut, je vais l'ouvrir en double cliquant dessus, le voici en mode conception. Et je vais y dessiner un autre rectangle auquel je vais donner une autre couleur, Allez, on va prendre du bleu cette fois-ci, voila. Je retourne dans le plan de mon site, voila mes deux gabarits, ici dans le fond, et je n'ai plus qu'à glisser le gabarit sur une page pour associer le gabarit en question à une page. Et regardez, je peux même créer une page directement associée à un gabarit il me suffit pour ça de prendre le gabarit, et de le glisser ici dans le vide, par exemple à côté de la page contact vous voyez que je crée une nouvelle page qui est directement associée à cette page B-Gabarit, il est inutile de vous préciser qu'on peut faire la même chose avec les pages du gabarit-A, les voila. Voila, donc je vais supprimer cette page, je n'en aurai pas besoin. Alors le gros avantage de ces gabarits, si j'ouvre ici mon Gabarit-A et bien je vais modifier l'élément qui se trouve sur ce Gabarit-A. Je vais par exemple changer la position de ce rectangle, je vais changer sa taille, je vais également changer sa couleur, allez on va le mettre en orange comme ceci, soyons fou, et vous voyez que ces changement vont affecter non seulement le gabarit mais également les pages liées à ce gabarit, et donc ça, c'est une façon tout à fait efficace de modifier votre site quand vous modifiez un endroit de votre site et vous propagez cette modification sur différentes pages. Alors plus fort encore, je peux associer un gabarit à un autre. Prenons par exemple le Gabarit-A, si je le glisse sur le Gabarit-B et bien vous voyez que maintenant le Gabarit-A influence le Gabarit-B et donc influence les pages Réservations et Contact via ce Gabarit-B. Donc les modifications que je fais sur le Gabarit-B vont maintenant influencer toutes les pages de mon site tandis que les modifications que je fais sur le Gabarit-A et bien n'influence que les pages liées à ce Gabarit-A comme vous pouvez le constater. Rappelez vous également que les différents éléments qui sont définis sur les gabarits ne sont pas accessibles directement sur chacune des pages, regardez ici sur la page Réservations j'ai beau cliquer sur ces 2 rectangles, je ne peux pas les sélectionner. Et bien voila, l'histoire des gabarits, c'est tout simplement un système qui vous permet de définir à un seul endroit des éléments que vous avez envie de réutiliser sur plusieurs page de votre site voir même sur toutes les pages de votre site donc vous gagnez du temps à la création de ces éléments, vous allez gagner également du temps à la modification de ces éléments puisque les modifications que vous apporterez aux éléments du gabarit vont comme ça se propager à l'ensemble des pages auxquelles ce gabarit serait lié 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 !