L'essentiel de Muse CC 2015

Comprendre les différents types de polices de caractères

Testez gratuitement nos 1333 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Vous allez apprendre à utiliser correctement les différents types de polices de caractères disponibles dans Muse.

Transcription

Lorsque l'on utilise du texte sur le web se pose tôt ou tard la question de l'utilisation des polices de caractère. En effet se sont les polices de caractères installées sur l'ordinateur de l'internaute qui visite notre site qui seront utilisées pour afficher le texte. Et donc le problème, c'est que nous n'avons absolument aucune maîtrise sur les polices de caractères disponibles. Comment contourner ce problème. Alors ici sur ma page d'accueil, je vais aller sélectionner un texte, je vais prendre par exemple le titre, Le restaurant du chemin vert, et puis je vais me rendre sur le panneau de côté ici dans le panneau de texte, et là je vais ouvrir la liste de caractères disponibles. Muse va nous classer les différentes polices de caractères dans différentes sortes de polices et la première sorte de police dont je vais vous parler se sont ici les polices standard, alors la liste est ici dans le fond, se sont les Arial, Courier, Geneva, Verdana Trebuchet etc, bref rien de bien rigolo à se mettre sous la dent, cela dit ces polices sont un avantage considérable, c'est qu'elle sont tellement courantes qu'on considère leur utilisation sur le web comme sûres c'est pour ça qu'en anglais on appelle ça des polices websafe. On part du principe que tout le monde quel que soit l'ordinateur et le système d'exploitation utilisé possède une version ou une autre de ces polices. Si ce n'est pas le cas, et bien nous avons une procédure de secours comme vous le voyez dans les parenthèses, je vais par exemple placer ma souris sur le mot Arial ici, et vous voyez Police de secours, Helvetica Neue, Helvetica ou sans serif, qu'est-ce que ça veut dire, et bien ça veut dire que je désire l'Arial pour afficher mon texte mais si Arial n'est pas disponible sur le système qui visite mon site, je peux remplacer Arial par Helvetica Neue Si ni Arial ni Helvetica Neue existent je prendrai de l'Helvetica tout court, et puis en dernier recours, j'utiliserai la police sans-serif du système qui visite mon site. Voila donc pour les polices standards et pour les procédures de secours, alors si je veux maintenant utiliser un autre type de police, et sortir de cette liste assez pauvre qui est ici, et bien je peux utiliser ce que Muse appelle des polices systèmes. Alors les polices systèmes, se sont les polices de caractères installées sur la machine sur laquelle tourne Muse, donc sur votre ordinateur, et vous allez retrouver la liste habituelle des polices que vous retrouvez dans tous vos logiciels alors je prendre une police au hasard, je vais mettre celle-ci par exemple, voila. Vous voyez que la police de caractère a bien été appliquée à mon texte, mais si j'ouvre ici de nouveau la liste des polices, vous voyez que les polices systèmes entre parenthèses, sont exportées sous forme d'image, d'ailleurs dans Muse quand vous sélectionnez ce texte, vous allez voir une petite icône ici en bas à droite de cette zone de texte, un petit t avec l'icône d'une image et bien cela signifie que lorsque je vais publier mon site et bien ceci ne sera pas exporté sous forme de texte, mais sera exporté par Muse sous la forme d'une image avec le texte dessus, cela a pour grand avantage de me garantir que la police de caractères sera bien celle-là, par contre il y a aussi une série d'inconvénients, d'abord les images sont beaucoup plus lourdes à charger que le texte, donc votre site sera plus lent, plus lourd à charger, spécialement sur les terminaux mobiles bien sûr, et puis surtout ce texte sera invisible aux moteurs de recherche. En effet les moteurs de recherche vont voir ici une image mais les moteurs de recherche ne seront pas capable de détecter qu'il y a du texte dans cette image, et voilà une série de mots clé qui ne seront pas indexés ce qui vous posera des problèmes d'indexation dans les moteurs de recherche. Et bien que faire alors, heureusement pour nous il existe une 3ème sorte de police de caractère, c'est ce que Muse appelle ici au-dessus les polices web. Alors, les polices web, l'idée est assez simple, il s'agit tout simplement d'héberger les fichiers de polices de caractère sur un serveur à côté de votre site donc la disponibilité ici des polices, ne se pose plus puisque si la personne qui vient visiter votre site n'a pas la police de caractère en question, et bien elle téléchargera la police de caractère depuis le serveur tout simplement tout cela est bien sûr transparent, c'est le navigateur de la personne qui s'occupera de ce genre de choses. Alors le problème de la disponibilité des polices de caractères n'est plus ici un problème technique mais bien un problème légal, la question qui se pose est de savoir si vous avez bien la licence pour héberger des polices de caractère sur votre site et puis surtout pour distribuer les polices de caractères de cette manière à tout le monde. Pour ajouter des polices web, vous voyez que je peux tout simplement cliquer sur cette icône mais nous verrons cela si vous le voulez bien dans la prochaine vidéo.

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 !