Foros del Web » Creando para Internet » Diseño web »

Como diseñar un correo electronico?

Estas en el tema de Como diseñar un correo electronico? en el foro de Diseño web en Foros del Web. 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, ...
  #1 (permalink)  
Antiguo 09/05/2011, 09:52
Avatar de Lopezito  
Fecha de Ingreso: junio-2010
Mensajes: 367
Antigüedad: 13 años, 9 meses
Puntos: 17
Como diseñar un correo electronico?

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.
  #2 (permalink)  
Antiguo 09/05/2011, 14:14
Avatar de maycolalvarez
Colaborador
 
Fecha de Ingreso: julio-2008
Ubicación: Caracas
Mensajes: 12.120
Antigüedad: 15 años, 8 meses
Puntos: 1532
Respuesta: Como diseñar un correo electronico?

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
__________________
¡Por favor!: usa el highlight para mostrar código
El que busca, encuentra...
  #3 (permalink)  
Antiguo 09/05/2011, 16:44
Avatar de Lopezito  
Fecha de Ingreso: junio-2010
Mensajes: 367
Antigüedad: 13 años, 9 meses
Puntos: 17
Respuesta: Como diseñar un correo electronico?

Cita:
Iniciado por maycolalvarez Ver Mensaje
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.
  #4 (permalink)  
Antiguo 09/05/2011, 16:50
Avatar de Lopezito  
Fecha de Ingreso: junio-2010
Mensajes: 367
Antigüedad: 13 años, 9 meses
Puntos: 17
Respuesta: Como diseñar un correo electronico?

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

PD: Perdon por el multipost :s
  #5 (permalink)  
Antiguo 09/05/2011, 20:41
Avatar de Carlangueitor
Moderador ლ(ಠ益ಠლ)
 
Fecha de Ingreso: marzo-2008
Ubicación: México
Mensajes: 10.037
Antigüedad: 16 años
Puntos: 1329
Respuesta: Como diseñar un correo electronico?

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
__________________
Grupo Telegram Docker en Español

Etiquetas: correo, diseñar, electronico
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 14:09.