[L'informatique]

[Projet: HTML]

Les listes: Pour écrire une liste non numérotée, tu peux utiliser les marqueurs <UL> et </UL>. (UL signifie "unordered list"):

<UL>
    <LI>crayons
  • crayons
    <LI>stylos
  • stylos
    <LI>effaces
  • effaces
</UL>

Remarque que le marqueur <LI> n'a pas de marqueur final. On peut éditer le type de puce (le petit rond devant le mot) en modifiant le marqueur <UL> pour inclure le type: <UL TYPE="round">). Tu n'as pas besoin de changer le marqueur final: </UL>. L'ordinateur sélectionne les ronds par défaut.

Cercles: <UL TYPE="circle">
  • cercle
Carrés: <UL TYPE="square">
  • carré
Disques: <UL TYPE="disc">
  • disque

Si ta liste est numérotée, insère des chiffres, des lettres, etc.:

<OL>
    <LI>crayons
  1. crayons
    <LI>stylos
  1. stylos
    <LI>effaces
  1. effaces
</OL>

Comme dans l'exemple précédant, on peut modifier le marqueur initial, <OL>. L'ordinateur sélectionne les chiffres par défaut.

Lettres minuscules: <OL TYPE="a">
  1. Lettres minuscules
Lettres majuscules: <OL TYPE="A">
  1. Lettres majuscules
Chiffres romains minuscules: <OL TYPE="i">
  1. Chiffres romains minuscules
Chiffres romins majuscules: <OL TYPE="I">
  1. Chiffres romains majuscules
[Une image typique JPG]
Une image typique JPG
[Une image typique GIF]
Une image typique GIF

Les images: Quand on insère une image, le marqueur final n'est pas requis car on insère un fichier seulement au lieu d'encercler un texte..

<IMG SRC="directory/file.gif">	
    OR	
<IMG SRC="directory/file.jpg">

Un GIF contient 256 colours, et un JPG en a 16 millions. Le JPG se sert d'un programme de compression et détermine les bonnes couleurs à partir d'une couleur de départ et d'une couleur finale. Un JPG est utilisé principalement pour représenter des photographes sur l'écran de l'ordinateur, où il n'y a pas de distinctions précises entre les couleurs. Un GIF transmet bien les images animées, où les couleurs sont distinctes et bien délimitées.

Les liens: Pour rendre des mots ou des images cliquables, utilise les marqueurs suivants:

<A HREF="http://vv.carleton.ca">Virtual Ventures</A>
    OR
<A HREF="http://vv.carleton.ca"><IMG SRC="vv/vv.gif"></A>

On peut facilement insérer des liens à un URL, un telnet, un ftp, un gopher, un fichier, etc. dans un document en se servant du marqueur <A HREF=" ">. Par exemple, si tu veux faire un lien avec un telnet, il suffit de taper <A HREF="telnet://telnet.ncf.carleton.ca">Telnet au Libertel de la Capitale nationale.</A>

Pour permettre aux utilisateurs d'appuyer sur des mots ou une image pour t'envoyer du courier électronique immédiatement, utilise le marqueur suivant:

<A HREF="mailto:director@vv.carleton.ca">Appuyez ici pour 
m'envoyer du courier électronique.</A>

Les couleurs: On peut changer la couleur de fond ou celle du texte en se servant du système rouge-vert-bleu (RGB). Cette notation hexadécimale fonctionne en base 16. Notre système courant est le système "décimal", à 10 chiffres: 0123456789. Un autre système est le système "binaire", utilisé par les ordinateurs. Le système binaire fontionne sur deux chiffres seulement: 0 et 1. En notation hexadécimale, on a les chiffres de 0 à 9 et de A à F (où A à F représente de 10 to 15) -- 16 caractères différents (0123456789ABCDEF) à la place de 10.

Pour définir une couleur dans le système rouge-vert-bleu, ça prend 6 chiffres/lettres en notation hexadécimale. Les deux premiers donnent la quantité de rouge dans la couleure, alors FF0000 serait complètement rouge. (FF est le plus grand nombre qu'on peut créer en deux espaces.) Les deux chiffres du milieu donnent la quantité de vert, alors 00FF00 est vert pur. Les deux derniers chiffres donnent la quantité de bleu, alors 0000FF est bleu. FFFFFF définit le blanc (toutes les couleurs à force pleine) et 000000 est le noir (aucune couleur). Voici quelques autres couleurs, pour donner une meilleure idée.

Tableau des couleurs
#000000 #FF0000 #FF7F00 #FFFF00
#5C4033 #8E2323 #FF8000 #EAEEAA
#9932CD #4D4DFF #ADEAEA #A0FFA0
#FF00FF #0000FF #00FFFF #00FF00

À noter: Quand on change de couleur en HTML, il faut utiliser le mot color (orthographe américaine) au lieu du mot colour (orthographe canadienne et britannique).

L'arrière-plan: On peut changer la couleur de fond en insérant une commande à l'intérieur du marqueur <BODY>.

<BODY BGCOLOR="#000000">

On ne modifie pas le marqueur final, </BODY>.

Il est possible d'insérer des images à l'arrière-plan. L'image devrait contenir un motif; sinon, il aura l'air étrange.

<BODY BACKGROUND="file.gif">

Couleur du texte: On peut changer la couleur du texte pour la page entière en insérant la commande suivante à l'intérieur du marqueur <BODY>. Assure-toi qu'il y a un espace entre chaque commande du marqueur <BODY>.

<BODY TEXT="#35A4F1">

On peut aussi changer la couleur des liens (bleu par défaut) à l'aide du marqueur suivant:

<BODY LINK="#123456">

On peut changer la couleur d'un lien visité (vlink) et d'un lien actif (alink) à l'aide des marqueurs suivants:

<BODY VLINK="#654321" ALINK="#524316">

On peut changer la couleur du texte n'importe où dans le document à l'aide des marqueurs suivants:

<FONT COLOR="#FFF123">Words</FONT>
[Conclusions:]
Tu connais maintenant assez de commandes en HTML pour créer tes propres pages web. Amuse-toi à essayer des idées différentes pour voir les résultats que tu peux obtenir. Ce court travail dirigé ne couvre pas le langage HTML en entier, mais il touche aux élements de base. Pour approfondir tes connaissances sur le HTML, il existe un bon nombre de travaux dirigés en ligne. (Cherche sous "HTML Tutorial"). Il y en a un à l'adresse suivante: http://www.cwru.edu/help/introHTML/toc.html. Il y a aussi des livres sur le HTML disponibles à la bibliothèque ou la librairie.

Un site très important à propos du langage HTML est dirigé par le World Wide Web Consortium. Ce groupe a pour but de fixer des normes pour le langage HTML. Tu as peut-être remarqué que certains marqueurs ne marchent pas avec tous les navigateurs. Le W3C détermine quels marqueurs devraient marcher à travers tous les navigateurs. Leur site web, http://www.w3.org/, contient beaucoup de renseignements à propos du HTML, ce qui peut être très utile lorsqu'on décide de créer notre propre site web.

Deux navigateurs web très importants, Netscape Navigator et Microsoft Internet Explorer, ont fait leurs propres ajouts au langage HTML. Tu peux en apprendre plus à leur sites. Le site du navigateur Internet Explorer se trouve à http://www.microsoft.com/ie/. On trouve celui du navigateur Netscape à http://www.netscape.com/. (Le site du développement de Netscape est disponible ici: http://developer.netscape.com/, et il contient des liens à d'autres renseignements sur le HTML, entre autres un travail dirigé ici.)

Amuse-toi en apprenant davantage et en créant tes propres pages web! Un fois que tu auras acquis de nouvelles compétences, pourquoi ne pas offrir à quelqu'un de leur créer une page web? Ton foyer municipal pourrait bien apprécier de l'aide à mettre leurs programmes en-ligne. Ou encore, les Scoutes ou les Guides de ta région aimeraient-ils se faire un site web? Tu pourrais même réunir un groupe d'amis et de professeurs à l'école pour créer un site. Il n'y a rien à perdre à demander! Ce n'est pas seulement une bonne façon d'aider quelqu'un, mais c'est aussi un bon entraînement.

[Reculer]

[Accueil][Scientifiques canadiens][Crédits][English]

La physique | La chimie | La biologie | Le génie | L'informatique | Lumières en sciences et technologie

Produit par Galactics.
Commentaires: galactics@spacesim.org.
Révisé la dernière fois le 14 août 1998.