L'essentiel de Muse CC 2015

Travailler avec des zones de texte

Testez gratuitement nos 1304 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Découvrez diverses manières de créer des zones de texte dans Muse. Voyez également comment insérer du texte provenant d'un fichier externe.

Transcription

Sur mon gabarit, je vais avoir besoin également d'ajouter du texte. Alors pour ce faire Muse me permet de définir des zones de texte. Alors l'outil texte, et bien il se trouve ici avec les autres outils dans la barre d'outils, juste au dessus de l'outil Rectangle ellipse dont on a parlé précédemment, voila, je vais activer l'outil Texte, dessiner ici un rectangle qui est en fait une zone de texte vous voyez qu'il y a un curseur qui clignote. Dans ce rectangle je vais pouvoir écrire Copyright Centre scolaire du chemin vert en 2016 Alors je sélectionne ici mon texte et vous voyez que quand mon texte est sélectionné et bien dans la barre de contrôle qui est ici au-dessus, je retrouve les contrôles classiques pour les textes notamment la taille du texte, la police de caractères la couleur du texte etc, etc. Cela dit je peux également considérer cet objet comme un rectangle alors pour ça je vais prendre mon outil de sélection vous voyez que maintenant c'est le rectangle zone de texte qui est sélectionné et donc dans la barre de contrôle, et bien vous retrouvez les options dont on avait déjà parlé quand il s'agissait de transformer un rectangle donc le fond, le contour etc, etc. Remarquez un lien ici qui s'appelle Texte et c'est la dedans que je vais retrouver les options qui me permettent de gérer le texte. Je vais continuer à baisser la taille de mon texte, voilà je vais prendre une couleur blanche ce qui va me permettre d'aller placer ce texte au niveau de mon pied de page, voila, on peaufinera tout ça un petit peu plus tard. Alors vous avez vu qu'une zone de texte est en fait un rectangle. Donc rien ne m'empêche bien évidemment de dessiner un simple rectangle comme on en a déjà fait beaucoup depuis le début de cette formation, de lui donner une couleur de fond pour qu'on puisse le voir, puis avec l'outil texte je vais maintenant aller double-cliquer dans mon rectangle et donc mon rectangle devient une zone de texte, dans laquelle je peux écrire comme je le fait d'une zone de texte classique. Voila, je vais donc supprimer maintenant cette zone de texte, et je vais essayer de faire la même expérience avec l'outil Ellipse. Donc je vais prendre mon outil ellipse, dessiner une ellipse, lui donner une couleur de fond, pour qu'on puisse bien la voir, peut-être une couleur un petit peu plus claire, voila, et puis je vais prendre mon outil texte, et je vais aller cliquer sur mon ellipse et là j'ai beau cliquer, rien ne se passe, en effet une zone de texte ne peut pas en tout cas pas pour le moment être elliptique. Alors ça c'est un petit problème pour moi alors je vais supprimer d'abord cette ellipse parce que justement j'ai envie de placer du texte à l'intérieur des ellipses que j'ai dessiné ici dans mon en-tête et dans mon pied de page. Et bien la seule solution que j'ai à ma disposition, c'est tout simplement de dessiner une zone de texte au dessus de mon ellipse, comme ceci, et donc ici et bien je vais pouvoir écrire du texte, donc je vais écrire : "Fête de l'été" choisir les caractéristique de ce texte, alors vous voyez qu'ici j'ai sélectionné le texte et pour la couleur du texte et bien je vais aller rechercher une couleur dans ma bibliothèque ici c'est à dire dans mon thème de couleurs que j'avais crée sur le site Adobe Color, et quand le texte est sélectionné, le fait de cliquer sur une couleur va affecter la couleur en question au texte sélectionné. Voila, donc pour le reste et bien je vais augmenter la taille de ce texte, voila on va faire comme ceci, alors vous voyez que j'ai ici une série de contrôles qui sont disponibles dans la partie supérieure de mon écran. Il est possible que vous ayez plus de contrôles que moi, en effet j'ai un écran qui n'est pas très large donc Muse n'a pas beaucoup de place pour afficher toutes ces icônes, alors les icônes que Muse ne parvient pas à afficher et bien elles se situent dans le lien texte qui est ici, et sur mon écran c'est là que je vais retrouver la possibilité de centrer mon texte ici dans la zone de texte. Alors attention, il est possible donc je vous rappelle que sur votre écran si vous avez un écran plus large que le mien, que c'est icônes d'alignement soient directement accessibles dans la zone de contrôle et que vous n'ayez pas à passer par ce lien texte, ça dépend ici de la largeur disponible sur votre écran. Alors je vais maintenant considérer ceci comme un rectangle et vous montrer dans le lien Transformation qui est ici la possibilité d'appliquer une petite rotation à cette zone de texte comme ceci. Et voila une belle zone de texte, je vais en créer une supplémentaire, dans l'ellipse du pied de page, je vais écrire,tout simplement ici, Jeudi 30 juin 2016 à partir de 10 heures du matin Sélectionner mon texte, aller chercher dans les bibliothèques Creative Cloud la couleur bleu, voila, et puis peaufiner tout ça, donner une taille à mon texte, quelque chose comme ça le centrer, voila et puis sélectionner le rectangle qui représente donc cette zone de texte, et dans la partie transformation, appliquer également une petite rotation à cet élément, voila quelque chose comme ça. Nous peaufinerons ça plus tard alors dernière petite chose que je vais vous montrer, pour ça je vais prendre le zoom de Muse qui est ici, je vais faire un gros zoom pour retourner sur ma notice de copyright qui est ici dans le fond, je vais me placer dans C de copyright, et dans le menu Fenêtre et bien j'ai un panneau qui s'appelle le panneau des glyphes que vous avez ici, et dans ce panneau des glyphes que je vais détacher sur mon interface et bien vous allez retrouver tous les caractères qui composent la police que je suis en train d'utiliser et parmi eux vous reconnaissez le symbole du copyright je vais cliquer dessus, un petit espace, et voila j'ai ajouté ce caractère spécial ici je vais pouvoir reprendre un zoom à 100%. Et me voici avec 3 zones de texte sur mon gabarit auquel j'ai pu donc affecter une série de propriétés notamment la couleur du texte, la taille du texte, une petite rotation, nous allons bien évidemment peaufiner tout ça plus tard il y a encore pas mal de chose à dire sur les caractéristiques du texte à découvrir dans le reste de cette formation.

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 !