Cómo poner varios enlaces en una imagen en Dreamweaver

Escrito por chad buleen | Traducido por daniel gómez villegas
  • Comparte
  • Twittea
  • Comparte
  • E-mail

Dreamweaver se ha convertido en el programa estándar de la industria para desarrolladores web que lo utilizan para crear páginas html. La razón por la que Dreamweaver es tan popular es porque una persona no necesariamente tiene que saber de html para crear páginas web en Dreamweaver. Esto es así porque en realidad Dreamweaver permite a una persona diseñar una página, y luego el programa creará el código para ello. Una de las características interesantes de Dreamweaver es que permite a la persona poner fácilmente varios enlaces en una imagen.

Nivel de dificultad:
Moderado

Otras personas están leyendo

Necesitarás

  • Software Adobe Dreamweaver
  • Computadora
  • Acceso a Internet

Lista completaMinimizar

Instrucciones

  1. 1

    Abre un documento en Dreamweaver, ya sea desde "Archivo", "Nuevo", o abriendo un archivo existente en que has estado trabajando. Para abrir un archivo preexistente, visita "Archivo" y "Abrir". Luego navega hasta el archivo que deseas abrir.

  2. 2

    Haz clic en la página en la que quieres colocar la imagen. Si colocas la imagen en el interior de una tabla, utiliza la herramienta de flecha para seleccionar el área del campo de texto donde se colocará la imagen. Coloca la imagen mediante la opción "Insertar" e "Imagen" de la barra de herramientas en la parte superior de la página. Si la imagen ya está en la página, simplemente haz clic en la imagen.

  3. 3

    Observa la barra de herramientas que aparece cuando seleccionas la imagen. Dentro de esta barra de herramientas hay tres herramientas que te permiten dibujar un contorno para un enlace en torno a un área determinada de la página. Si el área que vas a convertir en enlace tiene la forma de un cuadrado o rectángulo, elige la herramienta cuadrado. Si el área del enlace es circular, elige el círculo. Si las áreas van a ser el contorno de una persona o producto, elige la herramienta de área interactiva poligonal.

  4. 4

    Si eliges la herramienta cuadrado o círculo, ve a la primer área de la imagen en la que deseas poner un enlace para ser activado, haz clic y arrastra sobre esta área para crear un contorno del área que va a estar enlazado. Si el área que vas a enlazar es el contorno de una persona o de una cosa, y has elegido la herramienta de área interactiva poligonal, traza alrededor de la parte de la imagen que convertirás en el primer enlace de la página. Haz clic más o menos en cada pocos centímetros mientras trazas alrededor de la imagen. La traza se debe cerrar en el mismo punto en el que se inició.

  5. 5

    Una vez completado el primer contorno, dirígete a la caja "Enlace" en la barra de herramientas. Se encuentra a la derecha de las herramientas de área de acceso que acabas de utilizar. Elimina el símbolo # en el cuadro y escribe la dirección URL del primer enlace que deseas crear. En el cuadro, escribe en un par de palabras que describan lo que el enlace es.

  6. 6

    Prueba el enlace dirigiéndote a la barra de herramientas en la parte superior de la página y haz clic en el pequeño icono que se parece a un globo. Se abrirá la página en un navegador web y te permitirá ver si el enlace está funcionando correctamente. Para probar el enlace, haz clic en el área de la imagen donde creaste el enlace. Si te envía a la dirección URL que acabas de escribir, has creado con éxito un enlace.

  7. 7

    Repite los pasos 3 a 6 tantas veces como sea necesario para crear todos los enlaces que necesitas crear en una sola imagen. Recuerda que debes probar la página después de crear cada enlace.

  8. 8

    Haz clic en el panel "Código" en la ventana y verás el código html de la página que has creado. Selecciona y copia todo el código de la etiqueta "<img src" hasta la etiqueta de cierre </map>. Pega este código en tu página web para completar el proceso de colocar varios enlaces en una imagen.

Consejos y advertencias

  • Esta característica es especialmente útil para una página web familiar. Cada miembro de la familia en una foto de la familia puede ser descrito y relacionado. Cuando se hace clic en el enlace, se puede enviar al usuario a la sección de ese miembro de la familia en la página web.
  • No te olvides de escribir el texto alternativo. Esto permitirá saber más sobre el enlace cuando observes el código html de la página.

No dejes de ver

Filtrar por:
  • Mostrar todos
  • Artículos
  • Galerías de fotos
  • Videos
Ordenar:
  • Más relevante
  • Más popular
  • Más reciente

No se encuentran artículos disponibles

No se encuentran slideshows disponibles

No se encuentran videos disponibles