Nous allons proposer une lecture annotée à nos élèves.

1) Utilisation de liens.

Dans cet exemple, l'enseignant a choisi de faire des liens sur des mots pour renvoyer à la définition du mot dans un dictionaire.

• At 9.30, the lights dimmed and the band members took their places on stage. Once everyone was ready, they broke into their opening number,...

Comment faire :

• Affichez dans un onglet la page de destination et copiez l'URL (l'adresse en http://etc)
• Sélectionnez le mot qui va porter l'hyperlien (ici "dimmed")
• Cliquez sur l'icône "Insérer / modifier un lien" (représentée par un chaînon)
• Collez le lien.

2) Utilisation d'un peu de code à copier-coller pour faire apparaître une info-bulle au passage de la souris.

Cette méthode permettra de rester sur la même page.

• Passez la souris sur le mot "Lavoisier"
• Parmi les grands scientifiques anglais, Lavoisier est sûrement celui qui...

Comment faire ?

• Une fois votre texte saisi, il suffit  d'éditer le code source (dernière icône) et de rajouter un peu de code avant et après le mot que l'on voudra expliciter... Pensez à garder ces bouts de code dans un fichier texte.
• Saisissez votre texte
• Cliquez sur l'icône "source"
• Collez <span style="border-bottom: 2px dotted #FF8000;cursor:help" title="TEXTE QUE JE VEUX AFFICHER EN INFO-BULLE"> avant le mot à expliciter.
• Collez </span> après le mot à expliciter.
• Ainsi, ce texte.... 
• Parmi les grands scientifiques anglais, Lavoisier est sûrement celui qui...
• transformé en mode source

Parmi les grands scientifiques anglais, <span style="border-bottom: 2px dotted #FF8000;cursor:help" title="TEXTE QUE JE VEUX AFFICHER EN INFO-BULLE">TEXTE SUR LEQUEL VA PORTER L'INFOBULLE</span> est sûrement celui qui...

aura pour résultat

 Parmi les grands scientifiques anglais, Lavoisier est sûrement celui qui...

Ça n'a pas marché ?

Assurez-vous d'avoir bien copié la partie en rouge. N'oubliez pas les balises (< ou >) ou les guillemets.