retour à la page d'accueil

COURS

Le calendrier des cours

Le cahier des charges

Méthode de travail

Les principes du html

Le traitement des images

Les liens

Les tableaux

Les bases du CSS


AIDE MEMOIRE

Les balises HTML

Dictionnaire CSS
Les noms des couleurs

Les codes de couleur hexadécimaux

Les images réactives

Comment faire neiger

Les fenêtres ou frames

Faire dérouler du texte

Liens utiles
pour m'écrire

Le traitement des images

Les différents formats d'image

Les images sont stockées dans des fichiers aux extensions variées. Chaque format graphique a ses propres caractéristiques, donc ses propres avantages et inconvénients :

Formats utilisés pour le web

.jpg ou .jpeg est l'extension la plus usagée pour les photographies.

Le format "JPG" est le plus utilisé sur Internet et dans le domaine informatique car il a la plus grande efficacité de compression.

.gif : pour les graphiques, dessins, ou petites animations. Ce format intègre la couleur transparente. Ceci est particulièrement apprécié pour réaliser des effets de superposition d'images....

Selon le logiciel utilisé pour ouvrir un fichier gif, on verra ou non l'animation en mouvement :

si j'insère un gif animé sur un document word, il ne bougera pas. Si je l'insère dans une page html, il se mettra en mouvement.

Formats sans compression :

Les autres formats propres à chaque logiciel : .bmp .psd .pst….

Chaque éditeur (logiciel) d'images, inclut son propre format graphique comme par exemple le format .PSD pour Photoshop et .PST pour PaintShopPro. Ces formats, propriétés des éditeurs, sont d'autant plus performants qu'ils intègrent toutes les caractéristiques de leurs logiciels, mais ils ne fonctionnent que très rarement avec d'autres logiciels et encore moins avec ceux des concurrents.  De plus, les images utilisant ces formats sont souvent très volumineuses, du fait du nombre important d'informations et de leur faible taux de compression.

Pour changer le format d'enregistrement d'une image, avec le logiciel IRFANVIEW (gratuit), ouvrez votre fichiez image, puis "fichier/enregistrez sous/ " : dans la fenêtre ainsi ouverte, choisissez le format désiré dans la boite de dialogue format.

Balises html pour insérer une image :

une balise sert à insérer les images : <img src="nom du fichier avec son extension">

On peut spécifier en plus certains attributs

par rapport à la taille, l'emplacement, ou autres (cf balises pour insérer des images) :

pour la largeur :  width=nombre de pixels

pour la hauteur : height= nombre de pixels

pour que l'image ne soit pas entourée d'un cadre : border=0

pour qu'un contenu écrit décrivant l'image s'affiche lorsque la souris s'approche : alt="contenu"

 

Pour trouver des images :

sur une page web, avec le clic droit de la souris qui pointe sur l'image de votre choix, sélectionner l'option "enregistrer l'image sous" et spécifiez ensuite le bon emplacement (votre répertoire sur le serveur) et un nom de fichier correct.

Problèmes divers fréquemment rencontrés :

Si sur votre page web, une petite croix s'affiche à la place de l'image que vous désiriez insérer, c'est que l'ordinateur ne trouve pas l'image. Cela vient souvent des raisons suivantes :

·                    le nom du fichier est incorrect : il faut vérifier (majuscules, accents ou caractères spéciaux, …)

·                    l'extension spécifiée n'est pas la bonne (vous avez peut-être appelé un fichier avec une extension .gif alors que son extension était .jpeg…)

·                    le fichier image que vous appelez ne se trouve pas dans le même répertoire que la page html. Ceci est la raison la plus fréquente. Allez vérifier le rangement de vos fichiers et de vos dossiers dans l'explorateur windows…

 

 

Retour en haut de la page

retour à la page d'accueil