Please enable JavaScript!
Bitte aktiviere JavaScript!
S'il vous plaît activer JavaScript!
Por favor,activa el JavaScript!
antiblock.org

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:

Insérer une image avec Dreamweaver

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.

Choisir une image à insérer

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.

Attributs image avec Dreamweaver

 

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.

Propriétés image Dreamweaver

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

Image alignée

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:

Aligner une image avec Dreamweaver

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 >>>

   

 

Astuces Dreamweaver

Pour insérer une image dans un site: racourci clavier Windows: Ctrl+Alt+I.

Dreamweaver® est une marque déposée d'Adobe® Systems Incorporated. Les logos et les noms de marques cités dans ce site sont les propriétés respectives de leurs développeurs.

 

Création de sites web

hit counter