Hacer una newsletter con HTML

Curso de HTML

31.  
32.  
35.  
38.  
53.  
  • 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.

← Tablas en HTML
Estilos en línea →