Como diseñar un correo electronico?

Lopezito · #1 (**permalink**) 09/05/2011, 09:52

Hola, no se si esta sea la sección correcta, si deben moverlo, háganlo ;)
Como puedo diseñar un correo electrónico?
Me han dicho con html, pero como lo aplico?
Me encantaría si me pudieran dejar un tutorial o un manual, o lo que fuese, para aprender.
Espero sus respuestas.
Saludos.

maycolalvarez · #2 (**permalink**) 09/05/2011, 14:14

pues con un tutorial de HTML bastaria, pero he de indicarte algunas consideraciones con respecto al HTML en los correos:

los visores de correos pueden ser programas ajenos a los que corren por navegador (como outlook por ejemplo), y aunque dispongan de un render de HTML eso no quiere decir que soporten toda su gama, entre ello:

1- javascript: es lo más probable que no puedas utilizar, además de que no suele usarse en los correos
2- archivos CSS: lo mejor es incluir las reglas CSS dentro del mismo cuerpo del correo (sea en el meta o en el atributo style) y evitar los archivos *.css
3- imágenes: éstas han de ser embebidas preferiblemente y colocar el CID correspondiente, pero ello no garantiza ni evita la configuración del lector en cuanto a mostrar la imágen, depende de si el usuario lo active o no, aplica también para las vinculadas.
4- formularios: los lectores bloquean formularios por razones de seguridad.
5- SPAM: esto nada tiene que ver con el HTML y el uso del mismo no afecta para nada si el correo es considerado por los filtros como spam o no, depende de la configuración del SMTP que emplees

Lopezito · #3 (**permalink**) 09/05/2011, 16:44

Cita:

Iniciado por maycolalvarez

pues con un tutorial de HTML bastaria, pero he de indicarte algunas consideraciones con respecto al HTML en los correos:

los visores de correos pueden ser programas ajenos a los que corren por navegador (como outlook por ejemplo), y aunque dispongan de un render de HTML eso no quiere decir que soporten toda su gama, entre ello:

1- javascript: es lo más probable que no puedas utilizar, además de que no suele usarse en los correos
2- archivos CSS: lo mejor es incluir las reglas CSS dentro del mismo cuerpo del correo (sea en el meta o en el atributo style) y evitar los archivos *.css
3- imágenes: éstas han de ser embebidas preferiblemente y colocar el CID correspondiente, pero ello no garantiza ni evita la configuración del lector en cuanto a mostrar la imágen, depende de si el usuario lo active o no, aplica también para las vinculadas.
4- formularios: los lectores bloquean formularios por razones de seguridad.
5- SPAM: esto nada tiene que ver con el HTML y el uso del mismo no afecta para nada si el correo es considerado por los filtros como spam o no, depende de la configuración del SMTP que emplees

Pero ya eh intetado y me manda el codigo :s
Como lo pongo para que no me salte el codigo?
Ejemplo:

Código HTML:

<html>
<head>
</head>
<body>
<img src="url de la imagen" />
</body>
</html>

Se ve eso :s
Como hago para evitar que salga el codigo y salte el diseño?
Saludos.

Lopezito · #4 (**permalink**) 09/05/2011, 16:50

Vale, ya descubri todo gracias por los consejos!
Pueden cerrar el tema.
Saludos.

PD: Perdon por el multipost :s

Carlangueitor · #5 (**permalink**) 09/05/2011, 20:41

Solo añado algo a lo que comento maycolalvarez:

Los estilos CSS lo mejor será ponerlos inline, algunos clientes solo lo soportan así.
Procura solo CSS 1, en menor medida CSS 2 y nada de CSS 3de nuevo los clientes de correo imponen esto.
Contrario a los que se suele decir al maquetar páginas, aquí puedes usar tablas para maquetar, de echo es muy recomendable acerlo así por las limitaciones de CSS.
Las imágenes deben tener la altura y anchura a la antigua (además de con CSS).
Usar un spacer.gif también es buena idea.

Tampoco olvides poner los alt's de lás imagenes.

Saludo