L'essentiel de Muse CC 2015

Découvrir les paramètres de mise en forme de texte

Testez gratuitement nos 1302 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Dans cette vidéo, vous allez faire le tour des paramètres de mise en forme de texte disponibles dans Muse CC.

Transcription

Dans cette vidéo je vous propose de passer en revue quelques unes des propriétés le plus courantes que vous pouvez associer au texte. Alors je vais commencer par sélectionner le texte que je veux modifier, je vais prendre par exemple ce titre Jeux d'extérieur qui est ici, et puis je vais me rendre dans mon panneau texte qui se trouve ici sur le côté, alors je vais faire dérouler la liste ici des polices de caractères, vous connaissez maintenant cette liste, et je vais choisir l'une des polices web que je viens de télécharger en version régulière, voilà qui est fait, je peux bien sûr dans ce panneau changer la taille de mon texte, choisir sa couleur, alors rappelez-vous ici au niveau de la couleur, que vous avez non seulement le nuancier qui est là mais également dans le panneau bibliothèque cc la possibilité de choisir l'une des couleurs de votre thème de couleur. Ce que je vais faire d'ailleurs ici avec le bleu, voila. Je reviens dans mon panneau texte, je peux choisir l'alignement du texte je vais le centrer, une série de petites icônes ici pour mettre le texte en gras, le mettre en italique, le mettre en souligné quelque chose d'ailleurs que je vous déconseille fortement sur internet, en effet sur internet ce qui est souligné souvent associé a un lien, et donc il y a fort à parier que si vous soulignez quelque chose sur votre page et bien les internautes auront tendance à aller cliquer sur cet élément. Et puis s'il s'avère que cet élément n'est finalement pas un lien et bien les internautes ne seront pas très contents et donc pour ça c'est pas toujours judicieux de souligner des choses sur internet. Donc je ne vais pas souligner ce titre. L'icône ici qui vous permet de mettre tout en majuscule ou la suivante qui vous permet de mettre tout en minuscule. La suivante qui vous permet de mettre le tout en exposant ou en indice. Voila donc les autres contrôles ici, et bien vous les connaissez certainement, ils sont aussi présents dans In Design, l'interlignes donc la distance entre 2 lignes d'un paragraphe, l'interlettrage, la distance entre les lettres d'un paragraphe, le retrait de la première ligne, la marge de gauche, l'espace avant le paragraphe, la marge de droite ou l'espace après le paragraphe, bref rien de bien difficile ici dans ce panneau. Il y a une chose qui est ici propre à Muse c'est ici la dernière liste déroulante, alors elle, elle vous permet de choisir la balise HTML qui sera utilisée pour afficher ce texte. Alors c'est un petit peu technique et c'est un peu le seul endroit dans Muse où on va avoir une vue sur ce code HTML, il faut savoir que le "p" est utilisée en HTML pour générer des paragraphes tandis que les autres balises ici les balises H1 à H6 sont utilisées pour générer des titres. Et dans mon cas, comme j'ai à faire à des titres et même à un titre de niveau 1, et bien je vais utiliser la balise H1 pour afficher ce texte, alors ça ne change strictement rien visuellement sur ma page, vous voyez le titre est toujours le même, simplement quand je vais publier ce site et bien Muse va utiliser une balise H1 plutôt qu'une balise p pour générer ce titre et ce qu'il faut savoir, c'est qu'au niveau des moteurs de recherche, et bien les balises H1 ont un poids plus important dans l'indexation de votre site. Donc c'est une manière ici en choisissant correctement la balise HTML à utiliser d'indiquer au moteur de recherche où sont les titres et où sont les mots clé intéressants pour indexer votre site. Vous aurez donc beaucoup plus de chances d'avoir beaucoup de visites via les moteurs de recherche si vous utilisez correctement ce petit contrôle ici pour choisir correctement la balise HTML à utiliser. Je vais maintenant passer au corps de texte qui est ici, donc je vais sélectionner ceci, choisir une police de caractères, je vais prendre par exemple celle-ci, Ingra Wide en version Regular également, voilà, changer un petit peu la taille de mon texte, quelque chose comme ça, je vais le justifier, alors vous voyez que justifier et ça marche pas très bien sur internet donc là je vais peut être éviter d'utiliser ça je vais garder un alignement à gauche, au niveau de la couleur dans mes bibliothèques cc je vais prendre mon gris presque noir, voila c'est un petit peu plus doux que du noir tout court, et puis vous pouvez peaufiner un petit peu ce texte, changer peut-être la distance entre les lettres, vous voyez ce que ça donne, la distance ici entre les lignes du paragraphe, ça c'est l'interlignage, là je vais le remettre à son défaut de 120% dans mon cas et puis peut-être rajouter un petit espace d'une dizaine de pixels après le paragraphe, ça sera intéressant quand j'aurai plusieurs paragraphes qui se suivent dans un même bloc de texte. Voila donc quelques uns des contrôles que vous pouvez utiliser pour le texte, je vais terminer par vous indiquer que je garde la balise p, pour ce texte, il s'agit d'un paragraphe de texte normal de corps de texte. Donc c'est bien la balise HTML p que je vais utiliser pour cela, elle a un poids moins important à la vue des moteurs de recherche, c'est tout à fait normal, c'est celle là qu'il faudra utiliser ici. Voila donc le panneau texte rien de bien révolutionnaire à se mettre sous la dent, si ce n'est je vous le rappelle cette dernière liste déroulante ici. qui vous permettra de choisir la balise HTML à utiliser.

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 !