Tutorial conciso de Dreamweaver 4 (6. Creación de hipervínculos)
Autor：Eve Cole
Fecha de actualización：2009-05-30 18:35:55
6. Crea hipervínculos
Un hipervínculo (enlace), denominado enlace, es una relación unidireccional entre páginas. Al hacer clic en los enlaces, podemos saltar de una página a otra. Podemos crear enlaces en texto e imágenes.
1. Enlace de texto
Seleccione el texto en la página que debe vincularse, como se muestra a continuación:
En el elemento Enlace del panel de propiedades, complete la dirección del enlace. Cuando el espectador haga clic en el enlace, el navegador regresará a la página. Por ejemplo, lo que se completa aquí es: http://www.goeway.com.
Si desea que la página se abra en una nueva ventana, puede seleccionar "_balnk" en Target.
Si desea vincular un archivo dentro del sitio web, puede hacer clic en
:
En la imagen de arriba, estamos vinculando el texto al archivo index2.htm. Preste especial atención a la opción Relativo a en la parte inferior, lo que significa elegir el formato de ruta relativa. El valor predeterminado es Documento, también puede elegir Raíz del sitio. La diferencia es que Documento significa que la ruta relativa se calcula a partir de esta página, mientras que la raíz del sitio se calcula a partir del directorio raíz (es decir, "/"), como se muestra a continuación:
Además, si utiliza el enlace realizado en modo Site Root, normalmente habrá un error al abrir la página directamente en el disco duro local para navegar, pero no habrá ningún problema en el modo de navegación previa de Dreamweaver y después de cargarla en el archivo. servidor.
2. Enlace de imagen
El proceso de establecer un enlace de imagen es similar al de un enlace de texto, por lo que no lo presentaré en detalle. Pero lo que es particularmente importante mencionar es que algunas imágenes tendrán un borde azul después de agregar enlaces. Para eliminar el borde, simplemente establezca Borde en 0.
3. Enlace de zona activa
Para el enlace de imagen presentado anteriormente, una imagen solo puede corresponder a un enlace. ¿Puede una imagen corresponder a varios enlaces? La respuesta es sí. Después de seleccionar una imagen, puedes ver la opción Mapa en el panel de propiedades:
en:
Crea una zona caliente rectangular,
Crear prototipos de zonas calientes,
Crea zonas calientes poligonales. Por ejemplo, si hacemos clic ahora, el cursor cambia a una cruz y se puede dibujar una zona caliente rectangular azul en la imagen:
El panel de propiedades correspondiente en este momento es:
De manera similar, ingrese la dirección del enlace en Enlace ("#" representa un enlace vacío) y Alt es el texto que se muestra cuando el mouse apunta al punto activo, similar a Alt en la imagen. podemos pasar
Seleccione una zona caliente diferente y ajuste la cantidad de calor ajustando los puntos de control en las cuatro esquinas de la zona caliente. A través de la zona caliente podemos hacer un enlace en los ojos del orangután y un enlace en la boca para enlazar a diferentes páginas.
Consejos sobre enlaces
1. Si desea vincular a una dirección de correo electrónico, complete el enlace: "mailto: dirección", por ejemplo mailto:[email protected], luego, cuando haga clic en el enlace, el programa de correo electrónico predeterminado será abierto Por ejemplo, Outlook, envíe un correo electrónico a la dirección [email protected].
2. Si el enlace es a un archivo que el navegador no puede abrir, como exe, Zip, etc., cuando el espectador haga clic en el enlace, aparecerá un cuadro de diálogo que le preguntará dónde guardar el archivo en el disco duro. Esto se logra.
