|
L'ordinateur et l'Internet en classe de langue : petits conseils pratiques - Cinquième partie
Les tableaux visibles Salut, les ami(e)s ! Alors, ça gaze ? Quoi ? Vous êtes au bord de la crise de nerfs ?! Pas de panique : je suis là pour répondre à toutes les questions que vous ne vous êtes jamais posées... Accrochez-vous ! Les tableaux visibles Pour rendre visible un tableau vous avez deux possibilités :
Dans le premier cas il suffira d'insérer à l'intérieur de la balise d'ouverture l'instruction border (complétée par un chiffre qui définit en pixels l'épaisseur du cadre) et l'instruction bordercolor (qui détermine la couleur de la bordure). Exemple :
<table width="80%" border="2" bordercolor="red">
<tr>
<td...>
(texte)
</td>
</tr>
</table>
Attention : n'oubliez pas que nous sommes à l'intérieur du body et qu'il faut centrer le tableau. Dans le deuxième cas vous utiliserez l'instruction bgcolor (background color) à l'intérieur de la balise table ou td. Exemple:
<table width="80%" bgcolor="fuchsia">
<tr>
<td>
(texte 1)
</td>
<td bgcolor="aqua">
(texte 2)
</td>
</tr>
</table>
Vous obtiendrez :
Deux remarques importantes s'imposent. Vous vous rappelez peut-être que nous avons utilisé les tableaux invisibles pour formater la page vidéo, c'est-à-dire pour "laisser des marges" entre le texte (et/ou les images) et la fenêtre de visualisation. Pour créer le même effet de "marge" je vous conseille d'insérer, à l'intérieur du tableau visible, un tableau invisible, plus petit en pourcentage (n'oubliez pas les doubles tags de fermeture !). La deuxième remarque concerne l'utilisation des couleurs : couleurs du body, de la bordure, du fond et/ou des cellules du tableau, couleur des caractères. Il y a des couleurs qui "avancent", des couleurs qui "reculent"... évitez de provoquer une sorte d'éblouissement tantrique en créant des pages-mandalas qui risqueraient d'hypnotiser vos lecteurs. Il est temps d'affronter les couleurs face à face (dans ce même numéro le sujet est traité du point de vue socio-linguistique dans la rubrique Questions de langue). Les couleurs Vous savez déjà que l'ordinateur affiche les couleurs selon les proportions des trois couleurs lumineuses de base (code RGB = Red, Green, Blue, ou mieux : RVB = Rouge, Vert, Bleu). Pour chacune de ces trois couleurs le "dosage" peut aller de 0 à 255, soit 256 possibilités. Un mélange approprié vous permettra donc d'obtenir (au moins théoriquement, car tout dépendra de la définition de votre écran) une palette de 256*256*256=16.777.216 de nuances !Or, pour vous/me compliquer la vie, ces trois couleurs de base s'expriment en HTML selon un code hexadécimal (précédé par le dièse : #) à six chiffres/lettres : deux pour le Rouge, deux pour le Vert, deux pour le Bleu. Le code hexadécimal utilise 10 chiffres (de 0 à 9) et six lettres (de a à f), par groupe de deux. Voici les correspondances décimal/hexadécimal pour les seize premiers chiffres :
... et pour les chiffres de 240 (hex=f0) à 255 (hex=ff) :
Quelqu'un a envie de compléter le tableau ? Attention, vos élèves vont vous poser des questions... Vous avez aussi la possibilité d'exprimer les couleurs en HTML par leur nom en anglais, mais cela ne concerne que quelques couleurs. Bon, ce sera tout pour aujourd'hui. La prochaine fois, nous nous occuperons des "tableaux tapissés", un sujet passionnant. Pour terminer, (et pour me faire pardonner d'avoir été trop technique) je vous offre trois petits cadeaux :
Biblio Un seul texte (et en italien) : Molly E. Herzschlag, HTML, I Portatili, Mondadori informatica, 2002, 10,70 euros. |
