Insérez un espace réservé pour l'image

Un espace réservé pour image est un graphisme que vous utilisez jusqu'à ce que le dessin final soit prêt à être ajouté à une page Web. L'espace réservé pour l'image est utile lors de la mise en forme de pages Web, car il permet de placer une image sur une page avant même d'avoir créé l'image.

1. Dans la fenêtre de document, cliquez à l'intérieur de la première ligne du premier tableau.
2. Sélectionnez Insertion > Objets image > Espace réservé pour l'image.
3. Dans la boîte de dialogue Espace réservé pour l'image, procédez de la manière suivante :
   • Tapez graphique_bannière dans la zone de texte Nom.
   • Entrez 700 dans la zone de texte Largeur.
   • Entrez 90 dans la zone de texte Hauteur.
   • Cliquez sur la case de couleur puis choisissez une couleur dans le sélecteur. Pour ce didacticiel, nous allons choisir un brun rougeâtre (#993300).
   • Laissez vide la zone de texte secondaire.

   A SAVOIR...

   Une note sur le texte secondaire Un texte secondaire est la description textuelle d'une image sur une page Web. Ce texte fait partie du code HTML et n'est pas visible sur la page. Il est important de fournir un texte secondaire pour la plupart de vos images pour que les personnes qui utilisent des lecteurs d'écran ou des navigateurs à texte puissent recevoir l'information fournie par l'image. Dans le cas d'un graphisme représentant une bannière, qui se borne à afficher un logo pour un site Web, il n'est pas essentiel de fournir un tel texte. Si vous ne remplissez pas le champ Texte secondaire dans la boîte de dialogue Espace réservé pour l'image, Dreamweaver ajoute un attribut alt="" à la balise img. Si vous voulez par la suite ajouter un texte secondaire à une image, il suffit de la sélectionner et d'entrer le texte désiré dans l'inspecteur de propriétés. Par exemple, si vous changez le logo plus tard pour inclure un numéro de téléphone ou une adresse, il est souhaitable de fournir cette information sous forme de texte secondaire.

4. Cliquez sur OK.

   L'espace réservé pour l'image apparaît à l'intérieur du premier tableau. Il affiche une étiquette et les attributs de taille de l'image que vous placerez à cet endroit.

   
   
   

   REMARQUE

   Lorsqu'ils sont affichés dans un navigateur, le texte de l'étiquette et de la taille d'un espace réservé pour l'image n'apparaissent pas.

5. Enregistrez votre page.

   A SAVOIR...

   Présentation des espaces réservés pour l'image Un espace réservé pour l'image est un graphisme que vous emploierez jusqu'à ce que le graphisme définitif soit prêt à être ajouté à la page Web. Il ne s'agit pas d'une image qui s'affiche dans un navigateur. Avant de publier votre site, remplacez tous les espaces réservés pour une image que vous avez ajoutés par des fichiers graphiques adaptés au Web, tels que des images GIF ou JPEG. Si vous possédez Macromedia Fireworks, vous pouvez créer un nouveau graphisme à partir d'un espace réservé pour l'image dans Dreamweaver. Lorsque vous sélectionnez l'espace réservé pour l'image et que vous cliquez sur le bouton Créer de l'inspecteur de propriétés, Fireworks démarre et présente un nouveau document. La nouvelle image reprend la même taille que celle de l'espace réservé pour l'image. Vous pouvez ensuite créer et modifier l'image comme bon vous semble, puis remplacer l'espace réservé pour l'image dans Dreamweaver. Pour obtenir des informations sur la création d'une image dans Fireworks à partir d'un espace réservé pour l'image, voir Utilisation de Fireworks pour modifier les espaces réservés pour les images Dreamweaver dans Utilisation de Dreamweaver