28 févr. 09

DEBUTER SUR MAC :

Accueil

Tutoriels

Vidéos

Blog

Forum

Livre d’Or

Twitter

Pages utiles pour iWeb :

iWeb : les tutoriels vidéos

La publication FTP d’iWeb ’08

La fenêtre des couleurs

BannerZest

Keynote

Art Text 2

Skitch

LIENS :

ClubiWeb

ClubiWeb

iWeb Beginner

Forum iWeb de MacGeneration

Forum iLife de Mac4ever

LIENS EN ANGLAIS :

11mystics

iWebfaq

iwebunlimited

Wyodor

AUTRES :

Jumsoft

JotForm

Google docs

Dynamicdrive

w3schools

haloscan

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 :

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. •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. •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
   

Il existe d’autres méthodes comme

1. •ajouter des ombres transparentes
   

Les limites : les dessins de texte et Google

1. •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.
   

2. •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 :
   

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

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

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

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

7. •etc.