Insertion d'images

Pour agrémenter vos pages, il est généralement utile d'insérer des images ou des photos.

Un certain nombre d'attributs sont nécessaires voire obligatoires comme c'est le cas de la source du fichier.

Le redimensionnement des images est à manier avec parcimonie pour éviter de déformer l'image originale si le ratio n'est pas respecté. De plus, quand la taille de l'image est réduite, le poids de l'image est supérieure à celle qui est réellement nécessaire. Enfin, lorsque l'image est trop agrandie, l'affichage peut rendre un effet pixellisé.

Attributs

src pour donner l'adresse du fichier image,
alt pour insérer un commentaire au survol de l'image,
height width pour régler la taille de l'image (respectivement hauteur et largeur) en nombre de pixels,
align pour intégrer l'image dans un paragraphe avec un alignement à gauche, centré ou à droite (left, center, right),
border="0" pour éviter d'avoir un cadre bleu lorsque l'image est définie comme un lien hypertexte

Code

<body>

...

avec redimensionnement <img src="Image.gif" height="100" width="20"/>

alignement à droite <img src="Image.gif" align="right" border="0"/>

avec un commentaire <img src="Image.gif" alt="commentaire"/>

...

</body>

Résultat

Insertion d'animations

Plus communément utilisées en bandeau publicitaire, les animations obtenues par les logiciels Flash ou Director peuvent être incluses dans vos pages.

Une possibilitée d'animation est offerte par l'extension GIF qui permet d'avoir une succession d'images qui défilent en boucle.

Ces fichiers sont quelquefois assez volumineux si la programmation des séquences n'a pas été réalisée de façon judicieuse et optimisée.

Code

Dans le cas des animations Flash, l'extension des fichiers publiés est ".SWF". Au cas où l'internaute n'a pas installé le lecteur adéquat, on peut proposer le téléchargement par l'attribut pluginspage.

</embed>

Insertion de son

A l'affichage d'une page, on peut déclencher une musique en fond sonore avec la balise <embed...>. Les extensions les plus couramment employées sont MP3, MID et WAV.

Les fichiers musicaux sont souvent volumineux. Pour cela, seul un extrait de musique sera sélectionné pour éviter que le chargement de la musique ne soit plus long que la lecture des informations de la page visitée.

Les paramètres de cette balise sont :

src pour la source du fichier
autostart "true" pour un démarrage automatique, "false" dans le cas contraire
loop pour le nombre de boucles "1", "n", "infinite"
hidden pour rendre visible ("false") ou non ("true") les touches permettant de contrôler ce fichier son
height et width pour définir la taille de la boîte de commande.

Code

</embed>

Ce code est à placer généralement en fin de fichier (avant la balise </body>) pour éviter d'avoir un décalage du texte en début de page.