Función Mailto

 

En este último apartado de la lección 2 vamos a colocar una imagen para que nos sirva de vinculo donde nuestros usuarios nos puedan mandar mensajes a una dirección de mail específica.

Lo primero que tenemos que hacer es encontrar una imagen para colocarla como enlace. Acá les traje un gift que me pareció gracioso con el pajarraco ese je, si también les gusta solo tienen que darle click derecho y Guardar Como.

 

Recuerden que toda imagen que piensen utilizar en su web tiene que estar guardada en la carpeta imágenes creadas al principio. Si no les gusta el gift les tengo mas en una sección para que puedan escoger, pueden verlos desde AQUÍ.

Nos ubicamos en la pestaña Diseño de nuestro index, y vamos a ubicarnos de modo que el puntero de escritura se encuentre al final del último texto escrito en el div cuerpo. Me parece que es el enlace AXSIDE lo ultimo que tenemos escrito, así que dejamos el cursor al finalizar aquella palabra. Echo esto nos vamos a la pestaña CÓDIGO y vemos que el cursor esta al final de el </a> del enlace a axside, antes de el ultimo div de cuerpo.

Bien ahora para colocar la imagen tenemos que hacerlo en otra línea y dentro de un div como les recomendé antes, donde esta nuestro cursor vamos a escribir un cambio de línea, recuerdan como era? Bingo! Es así:

<br />

Ahora escribimos a continuación lo mismo para que haya doble cambio de línea

<br /><br />

Y en la línea siguiente vamos a poner otro div para la imagen, así trabajamos mas comodos, escribimos:

<div></div>

Adentro de esos divs vamos a pegar la imagen, entonces quedaría asi:

<div><img src="imagenes/corro2b.gif"></div>

A continuación, volvemos a la pestaña DISEÑO, y vamos a ver nuestra imagen (en este caso gift) ya puesto, ahora es necesario que le den click a la imagen para que quede señalada. Luego nos ubicamos en la parte inferior de todo, en la paleta propiedades.

Si ya la ubicamos vamos a ver una serie de formularios para llenar, casi al medio esta vinculo y al costado su rectángulo. Como en la imagen:

 

 

En ese recuadro vamos a poner esto:

mailto:axside@axside.com

Claro, que tiene que ser con tu dirección de correo electrónico, no vayas a poner el mío que yo voy a leer tus mensajes je.

Volviendo al CÓDIGO y dejando otra línea con el <br />, podemos escribir:

“Buzón de correo”

 

Esto para que la gente sepa que pueden enviar mensajes por ahí

Ahora para comprobar como quedo, guardamos y F12. Como vemos para poder mandar mensaje primero tenemos que logearnos con nuestro cliente de mail o correo.

Si esta todo conforme, ya saben súbanlo a su host como ya les enseñe antes y dennos la url de su web en el FORO para ver como les esta quedando sale??.. Y si tienen alguna duda también saben que pueden acudir al foro.

Bien vamos al último apartado para ver como vamos  hasta ahora

 

 

<<<<< Anterior Siguiente >>>>>