Hacer una newsletter con HTML

Curso de HTML

30.  
31.  
33.  
35.  
48.  

Por 9.99€ al mes tendrás acceso completo a todos los cursos. Sin matrícula ni permanencia.

  • Utiliza tablas para la maquetación global. Intenta evitar los divs.
  • Supón un ancho de documento de 500-600px
  • Escribe el CSS inline.
  • No uses margins ni paddings. Usa celdas de relleno con width y height.
  • Los siguiente atributos estan obsoletos para hacer páginas web pero se siguien usando en la maquetación de newsletters:
    • align=»center» centra horizontalmente el elemento al que se lo ponemos.
    • valign=»top» alinea a la parte superior el contenido del elemento al que se lo ponemos.
  • Utiliza una ruta externa para las imágenes, no las adjuntes. Para este ejercicio puedes usar este enlace.
  • Evita Flash y Javascript.
  • Usa img en lugar de background-image.
  • 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

Testing

  • Un enlace interesante para probar nuestros mails: premailer
  • El último gestor de correo más complicado para hacer las newsletter compatibles y que sin embargo esta muy extendido fue el outlook 2019. Si la newsletter se ve bien ahí, creo que debería verse bien en todos lados.

Ejercicio newsletter

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.

Por 9.99€ al mes tendrás acceso completo a todos los cursos. Sin matrícula ni permanencia.