IMAGES
Notions de base
Notion 5
 Pour bien comprendre comment on utilise les images, il faut commencer à imaginer notre page web sous forme d'un dossier. Pour faire une simple page de texte, il ne faut qu'un seul document. Pour faire une page web avec des images, il faut un dossier qui contient le document HTML en format TEXT et des documents-images en format GIF ou JPEG. Notre document HTML se fait sur un logiciel de traitement de texte et les images se font sur un logiciel de traitement des images (PhotoShop par exemple). Le document HTML doit absolument être en format TEXT et les images doivent être converties en format GIF ou JPEG lors de l'enregistrement.


Fonction de traitement de l'image
FONCTION
DESCRIPTION
EXEMPLE



IMG
En effet, il n'y a qu'une seule fonction à utiliser pour faire apparaître une image: la fonction <IMG>. Cette fonction sert simplement à référer l'image qu'il faut faire apparaître. Le document-image doit être placé dans le même dossier et porter un nom suivi de ".gif". Par exemple, le nom "image.gif". Pour appeler cette image, il faut simplement utiliser la fonction IMG en utilisant l'indication "SRC" qui sert justement à appeler l'image.
<IMG SRC="image.gif">


Indications pour la fonction <IMG>
INDICATION
DESCRIPTION
EXEMPLE



SRC
Comme nous venons de le voir, cette indication sert à appeler l'image.
<IMG SRC="image.gif">



ALIGN
Cette indication sert à placer l'image dans votre mise en page. On peut utiliser les qualificatifs "left" , "right" , "top" et "bottom". Si on veut centrer l'image, on n'a qu'à utiliser la fonction <CENTER> individuellement.
<IMG ALIGN="left">
ou
<IMG ALIGN="right">
ou
<CENTER><IMG></CENTER>



HEIGHT et WIDTH
Ces indications servent à manipuler la taille de l'image. On peut en effet modifier la taille de l'image sur la page sans toucher à sa taille réelle lors de la conception de l'image. L'indication HEIGHT ajuste la hauteur de l'image et l'indication WIDTH ajuste la largeur de l'image. Ainsi, on donne des qualificatifs numériques en nombre de pixelles pour indiquer l'étendu désiré.
<IMG HEIGHT="40" WIDTH="80">

RETOUR AU MENU
Réalisé par
JEAN-FRANÇOIS MARCOTTE
copyright © 1997