Pourquoi?

Il parfois utile de transformer les textes en images de textes. c’est le cas quand on souhaite utiliser

  1. une police de caractère non web ou

  2. une police web mais qu’on est gêné par son affichage différent sur les différents navigateurs.

  3. une police Web sur un serveur n’affichant pas correctement les caractère accentués et les apostrophes.


Les polices web :


Ces Polices ne sont pas transformées en images dans iWeb normalement. Retrouvez cette liste dans la fenêtre des polices
( cmd + T  ou barre de menu > format >  afficher les polices > Web ) :




  1. Andale Mono

  2. Arial

  3. Arial Black

  4. Brush Script MT

  5. Comic Sans MS

  6. Georgia

  7. Impact

  8. Times New Roman

  9. Trebuchet MS

  10. Verdana

  11. Webdings

Mais il y en a d’autres...


Les polices «non-web» :


Si vous choisissez une police non web, vous n’avez pas le choix votre texte sera affiché en image de texte, mais comment faire pour afficher en image une police Web?


Voici un aperçu du texte de mon entête sous différents navigateurs :


Safari (Mac)


Firefox (Mac)


Opera (Mac)


Internet Explorer 7 (PC)



4 navigateurs et 4 présentations différentes.

J’ai choisi «Helvetica Neue Ultrafin», une police qui n’est pas répertoriée comme une police Web dans la fenêtre des polices (voir colonne de gauche), mais elle n’est pas transformée en image pour autant.

Pour donner un aspect identique à celui que j’ai choisi dans iWeb, il convient de transformer ce texte en image.

Comme je ne connais pas de bouton pour faire cela en un clic, voici ma méthode.


Marche à suivre :


Il existe plusieurs façons pour transformer une zone de texte en images, choisissez la votre.


  1. Avant toutes choses :


Afficher l’indicateur de dessin de texte (si ce n’est déjà fait) :  allez dans les préférences d’iWeb ( raccourcis cmd , ou iWeb > barre de menu > iWeb > Préférences )
(image en haut à droite)

                      


  1. 1. Rotation et miroir


C’est la méthode «la plus compliquée» donc c’est celle que j’utilise (ne cherchez pas la logique). L’image en haut à droite  est une capture d’une de mes pages d’iWeb :
en haut le texte original
en bas la copie de ce même texte transformé en dessin de texte.



  1. Sélectionnez la zone de texte à remplacer en image

  2. Affichez l’inspecteur des mesures (1)

  3. Retournez votre texte de 180° (2) : tapez 180° dans la zone de texte Angle, c’est plus précis que de servir de la molette de rotation.

  4. faites un miroir horizontal (3) puis un miroir vertical (4)

  5. votre texte est à l’endroit transformé en image, l’icône jaune (5) (= indicateur de dessin du texte) est là pour l’attester


  1. 2. Ajouter des ombres transparentes :


ajouter des ombres transparentes (sélectionner le texte > inspecteur > inspecteur des graphismes > cocher Ombre > sélectionner la couleur > réduisez l’opacité de la couleur à zéro dans la palette des couleurs).





  1. Légende : 1. sélection d’un texte ou d’une zone de texte - 2. sélection de l’ombre - 3. sélection de la couleur de l’ombre - 4. réduire l’opacité de l’ombre à zéro


  1. 3. Ecrire son texte dans une figure


Ecrire son texte dans une figure et non dans une zone de texte (à noter que c’est impossible d’écrire dans une figure avec iWeb ’08)




  1. 4. Ajouter un lien à la zone de texte :


C’est un cas particulier. Sélectionner la zone de texte plutôt qu’un mot ou un groupe de mots contenu dans la zone de texte.



Généralement, cela est fait par erreur, c’est fréquent quand une zone de texte ne contient que l’item servant de lien (cf image ci-dessus) : l’utilisateur d’iWeb s’étonne alors qu’il ne puisse pas modifier la couleur des liens dans l’onglet format de l’inspecteur de lien. C’est un motif fréquent de questions sur les forums.



Les limites : dessins de texte et Google


Transformer un texte en images ne permet pas aux moteurs de recherche  de répertorier son contenu. Donc si vous  attachez une importance à être correctement référencé sur Google, n’abusez pas du dessin de texte. Limitez son utilisation à quelques titres, logos écrits . Pour vos paragraphes, vérifiez que vous êtes bien en texte pur.

Si vous utilisez plusieurs polices dont une «police non-web» dans une zone de texte, tout le texte sera transformée en images de texte. Alternez donc les zones de textes dans ce cas :

  1. une zone de texte avec un titre utilisant une «police non-web»

  2. une zone de texte pour le paragraphe sous-jaceant utilisant une police web

  3. une zone de texte avec un autre titre utilisant la même «police non-web»

  4. une zone de texte pour le paragraphe sous-jaceant utilisant une police web

  5. etc.

 

Commentaires   |   Accueil     Archives     Précédent     Suivant    Forum     Mon Twitter     Débuter sur Mac