Maintenant que vous savez comment insérer des images dans vos pages, voyons les différents paramètres d'images qui s'offrent à vous. Pour commencer cliquez simplement sur votre image afin de faire apparaître les propriétés de celle-ci.
A partir de là, à vous de remplir les différents champs en fonction de vos besoins.
champ | attribut XHTML | informations |
ID | name | ajoute l'attribut "name" à votre image |
L (largeur) | width | spécifie la largeur de votre image |
H (hauteur) | height | indique la hauteur de l'image |
Src (source) | src | indique la chemin jusqu'à votre image |
Cible | target | vous permet d'indiquer si le lien doit s'ouvrir dans un nouvel onglet (blank) ou dans une nouvelle fenêtre (new). si vous voulez que le lien s'ouvre dans la même fenêtre laissez le champ vide |
Sec. | alt | décris le texte alternatif (texte secondaire) |
Bordure | border | bordure de l'image en pixel, si aucune mettre à 0 ou laissez vide |
Classe | class | si vous avez préparer une classe CSS exprès pour vos images vous pouvez l'appliquez en séléctionnant dans la liste la classe en question |
Aligner | align | spécifie l'alignement de votre image par rapport au texte qui la précède ou qui la suit |
La deuxième icône de l'intitulé modifier vous permet de gérer les paramètres de vos images en profondeur et notamment la qualité et le format de vos images.
Avantages :
Gestion pointue des images
Optimisation des photos et du temps de chargement
Inconvénients :
Prends vite du temps lorsqu'on a beaucoup d'images à gérer
Voilà ! Vous avez acquis tous les éléments nécessaires pour une bonne gestion de vos images avec Dreamweaver CS4/CS5. Notez qu'une bonne gestion des paramètres d'images mène à un bon référencement, à un code propre, un site accessible et respectueux des standards W3C.