Cómo agregar un vínculo a una imagen en Adobe Dreamweaver: 7 pasos

Tabla de contenido:

Cómo agregar un vínculo a una imagen en Adobe Dreamweaver: 7 pasos
Cómo agregar un vínculo a una imagen en Adobe Dreamweaver: 7 pasos

Video: Cómo agregar un vínculo a una imagen en Adobe Dreamweaver: 7 pasos

Video: Cómo agregar un vínculo a una imagen en Adobe Dreamweaver: 7 pasos
Video: Como Usar Trello Para Principiantes | Tutorial En Español 2022 2024, Abril
Anonim

Al crear sitios web, hay ciertas cosas a tener en cuenta, una de ellas es hacer que su sitio sea interesante para los espectadores. Con Dreamweaver, un programa de edición de HTML, es fácil convertir una imagen en un vínculo. ¡Este artículo le mostrará cómo se hace!

Pasos

Agregar un vínculo a una imagen en Adobe Dreamweaver Paso 1
Agregar un vínculo a una imagen en Adobe Dreamweaver Paso 1

Paso 1. Abra Dreamweaver

Abra un archivo existente o defina un sitio nuevo y cree un nuevo archivo HTML, si aún no lo ha hecho.

Agregar un vínculo a una imagen en Adobe Dreamweaver Paso 2
Agregar un vínculo a una imagen en Adobe Dreamweaver Paso 2

Paso 2. Cuando cree un nuevo archivo HTML, Dreamweaver ya creará una estructura de página web básica para usted

Introduzca el cursor en algún lugar entre las etiquetas y.

Agregar un vínculo a una imagen en Adobe Dreamweaver Paso 3
Agregar un vínculo a una imagen en Adobe Dreamweaver Paso 3

Paso 3. Inserte la imagen que desee

Hay tres métodos alternativos para hacer esto:

  • Ve al panel 'Insertar' en la parte superior. Haga clic en 'Imagen' y seleccione 'Imagen' en el submenú que aparece.
  • Hacia la derecha, hay una barra con 'Insertar' y 'Archivos' escritos en la parte superior. Haga clic en 'Seleccionar' y luego haga clic en 'Común' en el menú desplegable. Ahora, inserte la imagen haciendo clic en 'Imagen'. Si esa barra no aparece, haga clic donde está escrito el espacio de trabajo 'Compacto' o 'Ampliado'. Haga clic en "Compacto" y luego en "Restablecer compacto" para restablecer la configuración predeterminada de Dreamweaver.
  • Presione Ctrl + Alt + I en su teclado.
Agregar un vínculo a una imagen en Adobe Dreamweaver Paso 4
Agregar un vínculo a una imagen en Adobe Dreamweaver Paso 4

Paso 4. Ajuste el tamaño de su imagen ingresando el número de píxeles en los campos 'Ancho' y 'Alto'

Agregar un vínculo a una imagen en Adobe Dreamweaver Paso 5
Agregar un vínculo a una imagen en Adobe Dreamweaver Paso 5

Paso 5. Vaya al modo 'Diseño' para ver cómo se ve su imagen

Haga clic en 'En vivo' para ver cómo se verá realmente en su sitio web.

Agregar un vínculo a una imagen en Adobe Dreamweaver Paso 6
Agregar un vínculo a una imagen en Adobe Dreamweaver Paso 6

Paso 6. Haga clic en la imagen

Agregar un vínculo a una imagen en Adobe Dreamweaver Paso 7
Agregar un vínculo a una imagen en Adobe Dreamweaver Paso 7

Paso 7. Guarde su página web presionando Ctrl + S (Guardar) o Ctrl + ⇧ Mayús + S (Guardar como).

Consejos

  • Si desea que sea como un botón o solo una forma en su imagen, cambie el fondo a uno similar al de su página web con un programa de edición de imágenes como Photoshop.
  • Haga clic en el pequeño Globo en la parte superior para verlo en su navegador.

Recomendado: