Comment ajouter un lien vers une image dans Adobe Dreamweaver : 7 étapes

Table des matières:

Comment ajouter un lien vers une image dans Adobe Dreamweaver : 7 étapes
Comment ajouter un lien vers une image dans Adobe Dreamweaver : 7 étapes

Vidéo: Comment ajouter un lien vers une image dans Adobe Dreamweaver : 7 étapes

Vidéo: Comment ajouter un lien vers une image dans Adobe Dreamweaver : 7 étapes
Vidéo: Trello : Tuto complet pour gérer un projet en équipe 2024, Avril
Anonim

Lors de la création de sites Web, il y a certaines choses à garder à l'esprit, l'une d'elles étant de rendre votre site intéressant pour les téléspectateurs. Avec Dreamweaver, un programme d'édition HTML, il est facile de convertir une image en lien. Cet article va vous montrer comment faire !

Pas

Ajouter un lien vers une image dans Adobe Dreamweaver Étape 1
Ajouter un lien vers une image dans Adobe Dreamweaver Étape 1

Étape 1. Ouvrez Dreamweaver

Ouvrez un fichier existant ou définissez un nouveau site et créez un nouveau fichier HTML, si vous ne l'avez pas déjà fait.

Ajouter un lien vers une image dans Adobe Dreamweaver Étape 2
Ajouter un lien vers une image dans Adobe Dreamweaver Étape 2

Étape 2. Lorsque vous créez un nouveau fichier HTML, Dreamweaver crée déjà une structure de page Web de base pour vous

Entrez votre curseur quelque part entre les balises et.

Ajouter un lien vers une image dans Adobe Dreamweaver Étape 3
Ajouter un lien vers une image dans Adobe Dreamweaver Étape 3

Étape 3. Insérez l'image souhaitée

Il existe trois méthodes alternatives pour ce faire:

  • Allez dans le panneau "Insérer" en haut. Cliquez sur « Image » et sélectionnez « Image » dans le sous-menu qui apparaît.
  • Vers la droite, il y a une barre avec « Insérer » et « Fichiers » écrits en haut. Cliquez sur "Sélectionner", puis sur "Commun" dans le menu déroulant. Maintenant, insérez l'image en cliquant sur 'Image'. Si cette barre n'apparaît pas, cliquez à l'endroit où l'espace de travail « Compact » ou « Étendu » est écrit. Cliquez sur « Compact », puis sur « Reset Compact » pour réinitialiser les paramètres par défaut de Dreamweaver.
  • Appuyez sur Ctrl+Alt+I sur votre clavier.
Ajouter un lien vers une image dans Adobe Dreamweaver Étape 4
Ajouter un lien vers une image dans Adobe Dreamweaver Étape 4

Étape 4. Ajustez la taille de votre image en entrant le nombre de pixels dans les champs 'Largeur' et 'Hauteur'

Ajouter un lien vers une image dans Adobe Dreamweaver Étape 5
Ajouter un lien vers une image dans Adobe Dreamweaver Étape 5

Étape 5. Accédez au mode « Conception » pour voir à quoi ressemble votre image

Cliquez sur « En direct » pour voir à quoi cela ressemblera réellement sur votre site Web.

Ajouter un lien vers une image dans Adobe Dreamweaver Étape 6
Ajouter un lien vers une image dans Adobe Dreamweaver Étape 6

Étape 6. Cliquez sur l'image

Ajouter un lien vers une image dans Adobe Dreamweaver Étape 7
Ajouter un lien vers une image dans Adobe Dreamweaver Étape 7

Étape 7. Enregistrez votre page Web en appuyant sur Ctrl+S (Enregistrer) ou Ctrl+⇧ Maj+S (Enregistrer sous).

Des astuces

  • Si vous voulez qu'il ressemble à un bouton ou uniquement à une forme de votre image, remplacez l'arrière-plan par un arrière-plan similaire à celui de votre page Web avec un programme de retouche d'image tel que Photoshop.
  • Cliquez sur le petit Globe en haut pour l'afficher dans votre navigateur.

Conseillé: