Ver Mensaje Individual
  #4 (permalink)  
Antiguo 20/05/2010, 11:33
Avatar de BloodShadow
BloodShadow
 
Fecha de Ingreso: marzo-2010
Ubicación: El Salvador
Mensajes: 393
Antigüedad: 14 años, 1 mes
Puntos: 52
Respuesta: Maquetación newsletter para envío a correos

Yo hago newsletter muy seguido y lo que si he aprendido a lo largo de mi experiencia es que.... yo amo la maquetacion con div y css, pero para los newsletter toca volver a los tiempos aquellos en que tenias que hacer codigo asquerosamente largo y el viejo.

Recomendaciones:

1.- Usa tablas.
2.- Usa la menor cantidad de estilos que podas, la tabla que te dio alexk es la que yo utilizo
3.- Los estilos agregalo "quemados" como le llamamos en mi trabajo: ejemplo, <div style="width: 10px"></div>
4.- si queres resetear el margin y padding de los p, span, h1, etc etc, tendras que hacerlo cada vez que crees uno, tedioso pero no queda de otro.
5.- No agregues estilos en el head
6.- No uses background, a puras imagenes

En fin, hay infinidad de cosas que no podrias hacer con los newsletter. Ahora, volviendo al tema de TU newsletter, te dire como lo aria yo.

1.- En primer lugar, hablaria con el diseñador y le diria que no fuera tan puto en dar ese diseño que te dio o que aprendiera un poco de maquetacion o creacion de newsletter, por que realmente no creo que podas meter el background de todo el diseño.

2.- Los titulos, con fondo y decoracion roja, como imagen completa, al igual que la numercion de la derecha del segundo bloque

3.- Aria una tabla que contenga todo el newsletter y una tabla por cada seccion del diseño

4.- con la primera seccion te tocara mover un poco el texto que se monta el bandera degradada, por que no podras hacerlo, recuerda, no usar background.

Como recomendacion para tu jefe/diseñador. Explicale el por que no se pueden hacer diseños tan hermosos para un newsletter, el diseño esta muy bonito pero ni modo, asi es esto :(

PD: si tenes el PSD me lo podes mandar y te ayudo a diagramarlo, solo las lineas guias y ya modificado.

Espero te sirva de ayuda, saludos ;)