Pour coller des images dans Dreamweaver - des nuls

Vous pouvez coller des images du Presse-papiers de votre système d'exploitation dans des documents Dreamweaver. Cela fonctionne avec les images copiées dans le Presse-papiers à partir de certains, mais pas tous, des navigateurs (Safari en étant un) et pour certains mais pas tous les formats de fichiers non-web-friendly. Toute image que vous pouvez copier dans le Presse-papiers de votre système d'exploitation peut être collée dans une page HTML ouverte dans Dreamweaver.

La copie d'images à partir de navigateurs est un peu différente selon le navigateur, mais la technique de base consiste à cliquer avec le bouton droit ou Ctrl-clic et à choisir une option comme Copier l'image dans le menu contextuel. Ou vous pouvez copier et coller des illustrations à partir de programmes comme Illustrator, Photoshop ou Word.

Avec une image copiée dans le Presse-papiers, procédez comme suit pour coller l'image dans Dreamweaver, puis enregistrez-la en tant que fichier image sur votre site:

1. Cliquez dans la fenêtre du document l'image doit être insérée.

   L'affichage de l'image sera défini avec CSS, donc ne vous inquiétez pas à ce stade.

2. Choisissez Edition → Coller.

   Ce qui se passe maintenant varie considérablement selon votre version de Dreamweaver bien que les concepts de base soient les mêmes:

   1. Vous choisissez un format de fichier d'image et quelques autres attributs d'image.

   2. Vous attribuez un nom de fichier.

   Dans les versions antérieures à CS6 de Dreamweaver, une boîte de dialogue d'aperçu d'image assez complexe s'ouvre. Dans CS6, l'image apparaît dans la fenêtre de document, et une boîte de dialogue d'optimisation de l'image grandement simplifiée apparaît.

   

   Les paramètres de format d'image par défaut dans la boîte de dialogue Aperçu de l'image peuvent être modifiés en choisissant le format de fichier image et les paramètres d'optimisation (filtres, transparence, contraste et luminosité) dans le menu contextuel.

3. Faites vos choix dans la boîte de dialogue Optimisation de l'image (en supposant que vous êtes dans CS6), puis cliquez sur OK.

4. Dans la boîte de dialogue Enregistrer l'image Web qui s'ouvre, entrez le nom de l'image.

   Comme pour tout nom de fichier Web, évitez d'utiliser des espaces et des caractères spéciaux et ne remplacez pas l'extension de fichier (.png,.jpg ou.gif).

5. Enregistrez le fichier dans le dossier racine de votre site en cliquant sur le bouton Racine du site.

   L'enregistrement dans le dossier racine du site est toujours un pari sûr. Si vous êtes à l'aise avec la gestion des structures de dossiers de fichiers, n'hésitez pas à enregistrer les images dans les sous-dossiers de votre dossier de site, cependant.

6. Cliquez sur Enregistrer.

   L'image est enregistrée et la boîte de dialogue Image Description (Alt Text) apparaît. Dans cette boîte de dialogue, vous définissez les attributs d'accessibilité.

   Vous pouvez entrer un texte alt (texte qui sera lu à haute voix pour décrire l'image des visiteurs malvoyants par logiciel de lecture ou qui s'affichera dans les environnements de navigation où l'affichage des images est désactivé) dans la zone Texte alternatif de la boîte de dialogue.

7. Cliquez sur OK pour insérer l'image.

   L'image sera visible sur la page en mode Création.