Inicio » Informática técnica. » Versiones anteriores » Curso de Dreamweaver MX » Hipervínculos de correo electrónico

Curso de Dreamweaver MX

Cursos Relacionados:

Hipervínculos de correo electrónico

Cuando un usuario hace clic en un enlace de correo electrónico se abre en una ventana el programa de correo electrónico del usuario con un mensaje en blanco (se utiliza el programa de correo configurado en el navegador del usuario). En la ventana de mensaje de correo electrónico, en el campo Para se completa automáticamente la dirección de correo electrónico establecida en el enlace.
Por ejemplo, si se quieren recibir comentarios de los usuarios que visitan la página, se puede crear un hipervínculo que permita redactar y enviar un mensaje de correo electrónico a una determinada dirección.

Ejemplo: Para contactar conmigo pulsa aquí

Código: Para contactar conmigo pulsa <a href="mailto:profesor@hotmail.com">aqui</a>

¡Nota! No todos los exploradores de Web admiten hipervínculos a las direcciones de correo electrónico. Para que funcione, es imprescindible que el usuario que pica sobre el enlace tenga configurado su programa de correo electrónico.

El procedimiento para realizar un enlace de este tipo es el siguiente:

  1. Sitúa el cursor donde quieres insertar el hipervínculo o selecciona el texto que deseas que se convierta en enlace.
  2. Realiza una de estas operaciones para insertar el hipervínculo:
    • Selecciona Insertar/Vínculo de correo electrónico
    • Pulsa el icono de la solapa Común del panel Insertar.
      Aparecerá este cuadro de dialogo:

  3. Completa los campos de texto:
    • Texto : Texto que se mostrará como enlace. Si hemos seleccionado texto antes de insertar el vínculo aparecerá en este casillero.( Ejemplo: aquí )
    • Correo electrónico: Dirección de correo electrónico a la que queramos que escriba el usuario.( Ejemplo: profesor@hotmail.com )
  4. Haremos clic en Aceptar

También se puede introducir un vínculo a un correo electrónico directamente desde el cuadro Vínculo del inspector de Propiedades. Solo has de escribir mailto: seguido de la dirección de correo. Por ejemplo: mailto:profesor@hotmail.com (sin espacio alguno entre los dos puntos y la dirección)


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....


Hipervínculos a marcadores

Hay enlaces que no nos llevan a otros documentos, sino que nos llevan a un lugar determinado de la página. Esos lugares de la misma página a los que nos dirige el enlace están marcados. Para marcar se utilizan marcadores, También llamados Anclas o Anclaje con nombre (complicado nombre que utiliza Dreamweaver). Un marcador es una posición en una página que se ha marcado, lo que permite crear un hipervínculo a dicho marcador con el fin de mostrar una determinada sección de una página Web.

Ejemplo: Repasa cómo crear vínculos de correo electrónico 

Código del marcador:<a name="hiper">Crear Hipervínculos de correo electrónico</a>

Código del enlace:<a href="#hiper">Repasa cómo crear vínculos de correo electrónico</a>

Como ves, un hipervínculo a un marcador, se indica mediante el signo (#), que precede a la dirección URL de destino. Por lo tanto cuando utilizamos marcadores hay dos tareas que realizar, en primer lugar crear los marcadores y en segundo lugar hacer los enlaces a dichos marcadores.


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 un marcador

  1. Situamos el cursor donde deseamos insertar el marcador
  2. Realizamos una de estas operaciones:
    • Seleccionamos menú Insertar > Anclaje con nombre.
    • Pulsamos el botón "ancla" de la solapa Común del panel Insertar.

    Aparecerá este cuadro de dialogo:

  3. Escribimos un nombre para el marcador y aceptamos. (Es importante respecto de la compatibilidad no incluir espacios ni caracteres especiales dentro de los marcadores).

Donde hemos insertado el marcador aparecerá este icono . Solamente es una ayuda visual para localizar los marcadores en la vista de diseño que no se reproducirán en el navegador.

¡Nota! Si no se muestra la ayuda visual del icono de marcador, selecciona Ver/Ayudas visuales/Elementos invisibles.

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 un enlace a un marcador

  1. Seleccionamos el texto que deseamos que se convierta en enlace.
  2. En el cuadro de texto Vinculo del inspector de Propiedades, introducimos el signo almohadilla (#) seguido del nombre del marcador. Por ejemplo:

    • Para enlazarlo con un marcador, situado en el inicio de la misma página, llamado "arriba", escribimos #arriba.
    • Para enlazarlo con un marcador llamado "arriba" situado en un documento distinto pero en la misma carpeta, escribimos nombredelarchivo.htm#arriba.

Una forma mas sencilla de hacer estos enlaces consiste en utilizar el señalizador de archivos (recuerda, , situado a la derecha del campo Vínculo ¡Muy útil!)

  1. Seleccionamos el texto que deseamos convertir en enlace.
  2. Podemos utilizar cualquiera de estos dos métodos:
    • Arrastramos el señalizador hasta el icono que localiza el marcador
    • Mantenemos pulsada la tecla de Mayúsculas mientras arrastramos el texto hasta el marcador deseado.
  3. Liberamos el botón del ratón. ¡Y ya está!

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.