Crear un hipervínculo con imagen

#1 (**permalink**) 17/10/2014, 09:36

Buenas tardes a todos foreros

Me gustaría crear una imagen cuya función de cara a la firma de e-mail sea la siguiente:
1- Necesito que al hacer clip sobre ella me redireccione a una página web (para ello se utilizará Dreamweaver)
2- Una vez creada en dicho programa ¿De que forma he de guardarla para que mi programa cliente (Windows Live Mail) la visualice y de esta manera se pueda abrir con los diferentes servidores de correo electrónico y navegadores (gmail, hotmail, yahoo, i. explorer, firefox, google chrome, etc)?

A la espera de respuestas ...

webosiris · #2 (**permalink**) 18/10/2014, 21:39

para eso no necesitas Dreamweaver ni nada, es solo 1 linea de html básico:

Código HTML:

Ver original<a href="http//tuweb.com"><img src="http://tuweb.com/logo.jpg"/></a>

debes si de asegurarte de mandar tu email en formato HTML. Asimismo que funcione o no depende del cliente que use el que recibe el email, hay clientes que no permiten html y en ese caso no hay nada que puedas hacer.

#3 (**permalink**) 28/10/2014, 02:40

Cita:

Iniciado por webosiris

para eso no necesitas Dreamweaver ni nada, es solo 1 linea de html básico:

Código HTML:

Ver original<a href="http//tuweb.com"><img src="http://tuweb.com/logo.jpg"/></a>

debes si de asegurarte de mandar tu email en formato HTML. Asimismo que funcione o no depende del cliente que use el que recibe el email, hay clientes que no permiten html y en ese caso no hay nada que puedas hacer.

Gracias por tu respuesta!!

Tengo una imagen abierta en Dreamweaver y he delimitado dentro de ella una zona interactiva rectangular. ¿Como he de guardarla para que me cree un html "unico" (imagen y texto) y me permita agregarla a mi programa cliente habitual (utilizo Windows Live Mail) ?

Gracias de antemano

Rafael · #4 (**permalink**) 28/10/2014, 08:33

A ver... Olvídate del dreamweaver. Casi nadie por estos lares lo utiliza, así que no se te puede decir si hay que picar un botón.

Toma un block de notas y pones

Código HTML:

Ver original<html>
<body>
<a href="http//tuweb.com"><img src="http://tuweb.com/logo.jpg"/></a>
</body>
</html>

Incluso si la linea solita la pones en un archivo de texto, y cambias la extensión txt por html ya está.

Ahora. Lo de tu programa de cliente habitual, supongo que dependerá de las opciones internas. Busca algo que diga incluír código html, y dependerá si es para enviar el mail o de firma.

http://windows.microsoft.com/es-MX/w...eate-signature

Ahí pica agregar html a la firma.

P.D. Ojo si es para un mailing. No se envía mailing desde tu correo, ya que se convertirá en spam. Se usa un programa como mailman, mailchimp, y tu servidor debe autorizarte usarlos.

#5 (**permalink**) 30/10/2014, 02:49

Cita:

Iniciado por Rafael

A ver... Olvídate del dreamweaver. Casi nadie por estos lares lo utiliza, así que no se te puede decir si hay que picar un botón.

Toma un block de notas y pones

Código HTML:

Ver original<html>
<body>
<a href="http//tuweb.com"><img src="http://tuweb.com/logo.jpg"/></a>
</body>
</html>

Incluso si la linea solita la pones en un archivo de texto, y cambias la extensión txt por html ya está.

Ahora. Lo de tu programa de cliente habitual, supongo que dependerá de las opciones internas. Busca algo que diga incluír código html, y dependerá si es para enviar el mail o de firma.

http://windows.microsoft.com/es-MX/w...eate-signature

Ahí pica agregar html a la firma.

P.D. Ojo si es para un mailing. No se envía mailing desde tu correo, ya que se convertirá en spam. Se usa un programa como mailman, mailchimp, y tu servidor debe autorizarte usarlos.

Gracias por tu respuesta

Pero ... ¿Como hacer para que al picar sobre cierta parte de la imagen (una parte en concreto) me redireccione a mi página web?

mauritosuarez · #6 (**permalink**) 30/10/2014, 08:08

Hola AKUSA, agrego algo al tema.

Si agregas esta linea de código al final de tu mail (siempre y cuando tu mail tenga formato HTML).

donde dice href ahi pones la dirección de tu web ej. www.akusa.com o la web que gustes. Ahora donde dice src ahí pones la imagen de tu web o tu logo.

<a href="http//tuweb.com"><img src="http://tuweb.com/logo.jpg"/></a>

El usuario que reciba el mail no visualizara el código de arriba, vera el logo de tu web y cuando haga click sobre la imagen, este link lo llevara a tu web.

Espero te sirva.

Saludos.

Rafael · #7 (**permalink**) 30/10/2014, 11:58

A ver, a ver. Webosiris te respondió desde la primera participación. Si no pones atención cómo quieres que funcione.

Probablemente te refieres a Seccionar una imagen para mandarse un correo. Eso hazlo directo en tu programa como Photoshop (slices http://helpx.adobe.com/photoshop/usi...web-pages.html), después en la sección que quieres usar como botón le pones el código que te dijo webosiris.

Te falta claridad al redactar la pregunta. Sin esa claridad no vas a poder avanzar, ya que el desarrollo web tiene que ser bastante exacto. Si olvídas un signo, por ejemplo cerrar una etiqueta, toooooodo el site se puede venir abajo.

albertovillafrea · #8 (**permalink**) 25/11/2014, 14:54

a mi se me ocurre poner mailto:<tucorreo> o algo asi no se como es pero algo parecido

lauser · #9 (**permalink**) 25/11/2014, 16:47

Cita:

Iniciado por albertovillafrea

a mi se me ocurre poner mailto:<tucorreo> o algo asi no se como es pero algo parecido

Lo que dices es asi:

Código HTML:

Ver original<a href="mailto:[email protected]">[email protected]</a>

Pero esa no era la pregunta.... la pregunta era desde un mail a enviar, insertar una imagen con un enlace a una web o lo que sea. De forma que el receptor, tike en la imagen y acceda al enlace.
Hay que leer la pregunta completa y las respuestas, pues este post ya lo soluciono webosiris a la primera