Comment mettre une image dans une page

Insertion d'une image

Afin d'insérer une image dans la page d'un site créé sous Dreamweaver, allez à la barre des menus pricipale >> Insertion >> Image:

Une autre boîte de dialogue s'ouvre pour choisir l'image à insérer. Cherchez le dossier où vous avez mis votre image et assurez-vous de le mettre dans le dossier de votre site. Cliquez sur l'image puis sur OK ou bien double-cliquez sur elle.

Après avoir choisi votre image à insérer, une troisième boîte s'ouvre et là vous êtes invité à mettre un titre à l'image (ce titre n'apparaitra dans la page du site que si on survole l'image avec le pointeur de la souris). ce titre est facultatif mais utile pour le référencement de votre site; cette image peut apparaître dans les résultats images des moteurs de recherche.

Vous pouvez modifier la taille de votre image soit en cliquant dessus et en faisant bouger les zones de modification touche droite maintenue ou en se rendant à la barre des propriétés au dessous. dans cette barre, les informations sur l'image sont affichéees et peuvent être modifiées.

D'abord le poids de l'image, sa largeur et sa hauteur, la source, un lien si vous voulez l'ajouter, une bordure (0 pour pas de bordure, 1, 2.. et comparez), l'alignement de l'image: à gauche, centre, à droite. Si vous avez Fireworks, vous pouvez modifier l'image directement.

Aligner une image avec le contenu

Maintenant, nous avons besoin d'aligenr l'image pour qu'elle d'adapte au contenu d'un paragraphe comme indiqué ci-dessous. Suivons ces étapes:

Le résultat final ici

1- Insérer l'image en cliquant au début du paragraphe puis: Insertion > Image

2- Faire en sorte que l'image s'aligne à droite (ou à gauche selon votre choix) et qu'il y ait un espacement entre l'image et le texte.

- Espace H: 10

- Aligner: Droite

Voilà comment régler dans le panneau des propriétés:

Notre image est alignée à droite du paragraphe et le code est:

<img src="images/exemple-de-lorem-ipsum.jpg" width="686" height="261" alt="Image align&eacute;e" />

Si vous remarquez un peu le poids de l'image: 6K, il est raisonnable et permet un chargement accélérée de celle-ci dans le navigateur. Pour savoir comment optimiser la teille des images pour qu'elles aient moins de poids sans perdre de leur qualité, suivez ce tuto >>>