- Utiliza tablas para la maquetación global. Intenta evitar los divs.
- Supón un ancho de documento de 500-600px
- Escribe el CSS inline o en la cabecera, no en un documento externo.
- Utiliza una ruta externa para las imágenes, no las adjuntes.
- Evita Flash y Javascript.
- Newsletter maker: Campaignmonitor.com
- Los dispositivos ios convierten automáticamente ciertos textos (fechas y números de teléfono) en links. Para evitar que el navegador reconozca estos elementos como teléfonos o texto, podemos insertar un elemento de ancho zero entre medias:
M​arch 30, 2013 - Un enlace interesante para probar nuestros mails: premailer
- El atributo valign=»top», aunque obsoleto, en maquetación de newsletters es útil para colocar el contenido de una celda en la parte superior.
- El atributo align=»center», aunque obsoleto, en maquetación de newsletters es útil para centrar una tabla.
- Podemos usar el atributo width=»300″, por ejemplo, para dar medida tanto a una tabla como a una celda.
Ejercicio newsletter
Descargar una plantilla de la página anterior y utilizarla para crear una newsletter con nuestros propios contenidos.
Ejercicio newsletter 2
Hacer la siguiente newsletter. Para ello propongo hacer dos tablas para la estructura global. Estas tablas pueden tener a su vez más tablas en su interior. Una tabla será para el bloque pablomonteserín y otra para el bloque novedades y cursos.