Tecnología

Inicio

Cómo crear un hipervínculo para la imagen en Dreamweaver

Adobe Dreamweaver simplifica la creación de vínculo en el documento HTML que ofrece un método visual del diseño. El programa le libera de la tarea de codificación dura de HTML en sus páginas, lo que le permite concentrarse en el aspecto acabado. En lugar de confiar en los enlaces de texto sin formato, es posible considerar arreglando su página Web mediante el uso de imágenes como hacer clic en enlaces. Los ejemplos más comunes de este tipo de enlaces son botones de menú, o miniaturas que se pueden abrir versiones más grandes de la misma imagen cuando se hace clic. Tales enlaces no son mucho más complicados que los enlaces de texto para crear.

Instrucciones

1 Abra el documento HTML en Adobe Dreamweaver.

2 Haga clic donde desee la imagen vinculada a ir.

3 Haga clic en "Insertar" en el menú superior y seleccione "Imagen". Como alternativa, mantenga las teclas "Ctrl" y "Alt" y pulse "I."

4 Haga doble clic en la imagen seleccionada para añadirlo a la página, o introduzca su dirección en el campo URL. Haga clic en Aceptar." Introduzca una descripción en el campo proporcionado o simplemente haga clic en "Aceptar" de nuevo para terminar de agregar la imagen.

5 Escriba el URL de enlace en el campo Vínculo del panel Propiedades de fondo. Si no ve el panel Propiedades, mantenga pulsada la tecla "Ctrl" y pulsar "F3".

6 Introduzca "0" en el campo Borde del panel de propiedades si lo prefiere omitir el borde azul alrededor de la imagen.

7 Mantenga pulsada la tecla "Ctrl" y pulse "S" para guardar los cambios.

8 Sube la página actualizada y la imagen a su servidor para que sea activo.