Com afegir un enllaç a una imatge a Adobe Dreamweaver: 7 passos

Taula de continguts:

Com afegir un enllaç a una imatge a Adobe Dreamweaver: 7 passos
Com afegir un enllaç a una imatge a Adobe Dreamweaver: 7 passos

Vídeo: Com afegir un enllaç a una imatge a Adobe Dreamweaver: 7 passos

Vídeo: Com afegir un enllaç a una imatge a Adobe Dreamweaver: 7 passos
Vídeo: Aprèn Trello 2024, Març
Anonim

Durant la creació de llocs web, hi ha algunes coses que cal tenir en compte, una d’elles fa que el vostre lloc sigui interessant per als espectadors. Amb Dreamweaver, un programa d’edició HTML, és fàcil convertir una imatge en un enllaç. Aquest article us mostrarà com es fa!

Passos

Afegiu un enllaç a una imatge a l'Adobe Dreamweaver Pas 1
Afegiu un enllaç a una imatge a l'Adobe Dreamweaver Pas 1

Pas 1. Obriu Dreamweaver

Obriu un fitxer existent o definiu un lloc nou i creeu un fitxer HTML nou, si encara no ho heu fet.

Afegiu un enllaç a una imatge al pas 2 de l'Adobe Dreamweaver
Afegiu un enllaç a una imatge al pas 2 de l'Adobe Dreamweaver

Pas 2. Quan creeu un fitxer HTML nou, Dreamweaver ja us crearà una estructura bàsica de pàgina web

Introduïu el cursor en algun lloc entre les etiquetes i.

Afegiu un enllaç a una imatge a l'Adobe Dreamweaver Pas 3
Afegiu un enllaç a una imatge a l'Adobe Dreamweaver Pas 3

Pas 3. Introduïu la imatge que vulgueu

Hi ha tres mètodes alternatius per fer-ho:

  • Aneu al tauler "Insereix" a la part superior. Feu clic a "Imatge" i seleccioneu "Imatge" al submenú que apareix.
  • Cap a la dreta, hi ha una barra amb "Insereix" i "Fitxers" a la part superior. Feu clic a "Selecciona" i, a continuació, feu clic a "Comú" al menú desplegable. Ara, inseriu la imatge fent clic a "Imatge". Si aquesta barra no apareix, feu clic a on hi ha escrit l'espai de treball "Compacte" o "Ampliat". Feu clic a "Compacte" i, a continuació, a "Restableix compacte" per restablir la configuració predeterminada de Dreamweaver.
  • Premeu Ctrl + Alt + I al teclat.
Afegiu un enllaç a una imatge a l'Adobe Dreamweaver Pas 4
Afegiu un enllaç a una imatge a l'Adobe Dreamweaver Pas 4

Pas 4. Ajusteu la mida de la imatge introduint el nombre de píxels als camps "Amplada" i "Alçada"

Afegiu un enllaç a una imatge al pas 5 de l'Adobe Dreamweaver
Afegiu un enllaç a una imatge al pas 5 de l'Adobe Dreamweaver

Pas 5. Aneu al mode "Disseny" per veure l'aspecte de la vostra imatge

Feu clic a "En directe" per veure com quedarà realment al vostre lloc web.

Afegiu un enllaç a una imatge al pas 6 de l'Adobe Dreamweaver
Afegiu un enllaç a una imatge al pas 6 de l'Adobe Dreamweaver

Pas 6. Feu clic a la imatge

Afegiu un enllaç a una imatge al pas 7 d'Adobe Dreamweaver
Afegiu un enllaç a una imatge al pas 7 d'Adobe Dreamweaver

Pas 7. Deseu la pàgina web prement Ctrl + S (Desa) o Ctrl + ⇧ Maj + S (Desa com).

Consells

  • Si voleu que sigui com un botó o només una forma a la imatge, canvieu el fons a un de semblant al de la pàgina web amb un programa d'edició d'imatges com Photoshop.
  • Feu clic al petit Globus icona a la part superior per visualitzar-la al navegador.

Recomanat: