Curso de Dreamweaver MX

Cursos Relacionados:

Destino

Un hipervínculo puede tener como destino los siguientes objetos:

  • Una página Web o un archivo de un servidor de Internet externo.
  • Una página Web o un archivo del Web dónde estamos trabajando.
  • Una posición determinada dentro de una página Web. (Marcador)
  • Enlace con una dirección de correo electrónico.

Inscríbete ahora y accede a 3 unidades gratis

Evalua el curso de Dreamweaver MX y accede a las 3 unidades gratis con acceso completo al aula virtual donde podrás disfrutar de la inestimable ayuda del tutor y una gran variedad de recursos como videotutoriales, ejercicios resueltos, foros, enlaces, bibliografía, etc....


Crear Hipervínculos

La creación de enlaces es algo cotidiano e importante en el proceso de desarrollo de un sitio Web. Los enlaces entre sus páginas conformarán la estructura del sitio. Dreamweaver nos ofrece varias posibilidades para crear vínculos. Esta es una de las bazas de este programa para facilitar el trabajo al diseñador. Tiene varios métodos que están pensados para ser rápidos e intuitivos, sobre todo para crear enlaces entre las páginas de un mismo sitio Web. Entre todas estas opciones cada uno elegirá la que le resulte más rápida en cada ocasión.

¡MUCHO OJO!
Cuando vayas a introducir una dirección URL absoluta como vínculo ( por ejemplo, a una página externa al sitio web) debes asegurarte de que la incluyes completa. Con protocolo, servidor, ruta, archivo y los signos de separación.
Basta que te confundas en una letra para que el navegador no encuentre el archivo. Una buena fórmula consiste en visitar la página con el navegador y cuando se haya comprobado se copia la URL de la barra de direcciones y se pega en el lugar correspondiente en Dreamweaver.

Inscríbete ahora y accede a 3 unidades gratis

Evalua el curso de Dreamweaver MX y accede a las 3 unidades gratis con acceso completo al aula virtual donde podrás disfrutar de la inestimable ayuda del tutor y una gran variedad de recursos como videotutoriales, ejercicios resueltos, foros, enlaces, bibliografía, etc....


Utilizando el icono de carpeta o el campo de texto Vínculo del inspector de Propiedades

  1. Seleccionamos el texto que deseamos que se convierta en hipervínculo.
  2. Abrimos el inspector de Propiedades (menú Ventana > Propiedades) y llevamos a cabo una de las siguientes operaciones:
  • Escribimos el destino directamente en el campo de texto Vínculo.
    • Para enlazar con un documento del sitio escribe la ruta y el nombre del archivo. (mejor seleccionarlo con otro método).
    • Para establecer un vínculo con un documento externo escribimos la dirección absoluta URL.

  • Pulsamos en el icono de carpeta situado a la derecha del cuadro de texto Vínculo para localizar y seleccionar un archivo de nuestro sitio.


    Vemos que basta con seleccionar el archivo de destino para que automáticamente escriba la dirección URL. Eso si, habrá que tener cuidado de seleccionar en este cuadro siempre la opción Relativa a Documento, ya que la otra opción nos puede dar muchos disgustos.


Inscríbete ahora y accede a 3 unidades gratis

Evalua el curso de Dreamweaver MX y accede a las 3 unidades gratis con acceso completo al aula virtual donde podrás disfrutar de la inestimable ayuda del tutor y una gran variedad de recursos como videotutoriales, ejercicios resueltos, foros, enlaces, bibliografía, etc....


Señalar archivos para crear enlaces relativos.

¡¡Este método es mi favorito!!:

  1. Seleccionamos el texto que deseamos convertir en hipervínculo
  2. Activamos el panel Archivos > Sitio , el cual muestra todos los documentos que contiene el sitio en el que trabajamos.
  3. Arrastramos el icono de señalización de archivos , situado a la derecha del cuadro de texto Vínculo del inspector de Propiedades, y señalamos un documento de la solapa Sitio.


  4. Liberamos el botón del ratón y comprobamos que el archivo escogido aparece en el campo Vinculo del inspector de Propiedades. Así de fácil: apuntas, disparas... y listo.


Inscríbete ahora y accede a 3 unidades gratis

Evalua el curso de Dreamweaver MX y accede a las 3 unidades gratis con acceso completo al aula virtual donde podrás disfrutar de la inestimable ayuda del tutor y una gran variedad de recursos como videotutoriales, ejercicios resueltos, foros, enlaces, bibliografía, etc....


Desde una selección de un documento abierto

  1. Selecciona un texto.
  2. Mantén la tecla Mayúsculas pulsada.
  3. Arrastra la selección (con Mayúscula presionada). Veras que el cursor de convierte en el marcador de archivos.
  4. Señala un documento en la solapa Sitio.


  5. Libera el botón del ratón. Comprueba que el archivo escogido aparece en el campo Vínculo del inspector de Propiedades.


Inscríbete ahora y accede a 3 unidades gratis

Evalua el curso de Dreamweaver MX y accede a las 3 unidades gratis con acceso completo al aula virtual donde podrás disfrutar de la inestimable ayuda del tutor y una gran variedad de recursos como videotutoriales, ejercicios resueltos, foros, enlaces, bibliografía, etc....


Utilizando el menú Insertar

Éste es el método general y más completo (aunque un poco lento):

  1. Sitúa el cursor en la zona del documento en donde quieres que aparezca el hipervínculo
  2. Realiza una de estas dos operaciones para mostrar el cuadro de dialogo Hipervínculo
    • Vamos al menú Insertar > Hipervínculo
    • Pulsamos sobre el botón Hipervínculo del panel Insertar > Común.
  3. Para realizar un enlace simple basta con rellenar estos campos de texto:
    • Texto : el texto que se mostrará como hipervínculo en el documento.
    • Vínculo : la dirección URL del vínculo o haga clic en el icono de carpeta para localizar y seleccionar un archivo dentro del sitio web (hipervínculo relativo).
    • Destino : Lo explicaremos detenidamente al final de esta Unidad.
    • Título: Escribiremos un texto alternativo que se muestra en un letrero amarillo.

    Los otros campos son relativos a la accesibilidad del enlace, presiona el botón Ayuda si quieres más información.
  4. Aceptamos y el resultado es este: Buscar con google
¡Nota!
Si lo que queremos es que un texto deje de ser enlace y pase a ser texto normal basta con que eliminemos la ruta que tenga en el campo Vínculo del panel de Propiedades... le estaremos quitanto la propiedad de enlace.


Inscríbete ahora y accede a 3 unidades gratis

Evalua el curso de Dreamweaver MX y accede a las 3 unidades gratis con acceso completo al aula virtual donde podrás disfrutar de la inestimable ayuda del tutor y una gran variedad de recursos como videotutoriales, ejercicios resueltos, foros, enlaces, bibliografía, etc....


Si desea obtener un acceso sin restricciones a los contenidos del curso de Dreamweaver MX y disfrutar de todas las herramientas del aula virtual (Videos explicativos streaming, acceso a los foros, chat, ejercicios resueltos, la ayuda del tutor, audioconferencia, estudio de grabación, test y actividades de autoevaluación, etc...) puede inscribirse completamente gratis y comenzar a realizar de forma inmediata el curso.