Images de page adobe CS5 Dreamweaver - nuls

Vous pouvez ajouter des images contenant des fichiers PSD (Photoshop) natifs et Fireworks (PNG) à votre page vierge dans Adobe Creative Suite 5 (Adobe CS5) Dreamweaver. La mise en place d'images affecte le panneau Fichiers de Dreamweaver.

1. Choisissez Insérer → Image.

   La boîte de dialogue Sélectionner une source d'image apparaît.

   Vous pouvez également cliquer sur l'onglet Commun du panneau Insertion et cliquer sur le bouton Insérer une image.

2. Naviguez jusqu'à l'emplacement de votre image et cliquez sur Choisir (Mac) ou OK (Windows).

   Si vous choisissez un fichier Photoshop (PSD) ou Fireworks (PNG) natif, la boîte de dialogue Aperçu de l'image s'affiche, vous permettant d'optimiser votre image directement dans Dreamweaver.

   Si vous sélectionnez une image Web, telle que GIF, JPG ou PNG et que l'image est en dehors de votre dossier de site, un avertissement s'affiche. Dreamweaver vous avertit que l'image est en dehors du dossier racine, ce qui entraîne des problèmes lorsque vous copiez des pages sur un serveur Web.

   Cliquez sur Oui pour copier le fichier dans le répertoire racine de votre site. Attribuez-y un nouveau nom ou cliquez simplement sur Enregistrer pour conserver le même nom et dupliquer le fichier image dans le dossier de votre site.

   La boîte de dialogue Attributs d'accessibilité des balises d'image apparaît.

   Toutes les images doivent avoir un texte alternatif (texte alternatif) qui apparaît avant le téléchargement de l'image ou si l'utilisateur a désactivé l'option pour voir les images.

3. Ajoutez une description appropriée de l'image dans la zone de texte Texte alternatif.

   Si l'image est un logo, la description doit inclure le nom de l'entreprise en tant que texte Alt ou, s'il s'agit d'une photo ou d'une illustration, décrire l'image en quelques mots.

   Du point de vue de l'accessibilité, le texte alt aide les lecteurs d'écran (tels que ceux utilisés par les malvoyants) à identifier le contenu de l'image pour les utilisateurs. En outre, le texte Alt est un outil précieux pour fournir aux moteurs de recherche un moyen d'indexer le contenu de l'image inclus sur votre site.

4. Cliquez sur OK.

   L'image est ajoutée à la page et au panneau Fichiers.

Vous pouvez modifier une image en double-cliquant dessus dans le panneau Fichiers. Vous pouvez également utiliser l'inspecteur des propriétés pour afficher des détails sur l'image, y compris ses dimensions et la taille du fichier. Vous pouvez également modifier les propriétés de l'image, notamment la bordure, le lien hypertexte et le remplissage vertical et horizontal.

Utilisez l'inspecteur des propriétés pour afficher des informations sur votre image et modifier les propriétés de l'image.

Lorsque vous créez un site plus grand avec plusieurs pages liées entre elles, vous pouvez modifier l'affichage du panneau Fichiers. En cliquant sur la liste déroulante (en haut à gauche du panneau Fichiers) à l'emplacement de votre site, vous pouvez rechercher des dossiers et d'autres sites que vous avez récemment utilisés.En cliquant sur la liste déroulante Affichage vers la droite, vous pouvez modifier l'apparence du panneau Fichiers.

Ouvrez les fichiers du panneau Fichiers en double-cliquant dessus.