Outbook

HTML+CSS+JS, Accesibilidad, PHP y más

Datos de búsqueda

Maquetación con HTML+CSS de newsletters y mensajes de correo

Diseño de la newsletter

Ha de ser un diseño en el que se prevean las limitaciones de los medios de visualización:

  • El ancho debe ser fijo.
    • No debe tener un ancho mayor de 500-600 píxeles, ya que no será habitual, independientemente del cliente de correo que se utilice, que el usuario disponga de todo el ancho de la pantalla: Existe la posibilidad de la existencia de barras verticales en las interfaces de los clientes de correo que ocupen una parte importante del ancho de la pantalla.
    • Si el destino del mensaje son dispositivos móviles hay que tener en cuenta que el ancho puede ser inferior.
  • No debe haber textos por encima de imágenes: El único modo de reproducir ese diseño es recortar el texto junto con la imagen.
    • Si el texto no va a variar en las distintas entregas de la newsletter no resulta un problema (no habrá que olvidar asignar un texto alternativo adecuado a la imagen).
    • Si el texto va a cambiar en cada entrega de la newsletter habrá que plantearse si es asumible generar la imagen para cada una de dichas entregas.
  • Interacción: no se puede conseguir el estado ‘hover’, no es posible conseguirlo metiendo estilos únicamente en el atributo ‘style’.

Compartir este artículo:

  • Compartir en del.icio.us
  • Compartir en Technorati
  • Añadir a Google Bookmarks

Datos del artículo:

Comentarios de la página

Puedes comentar o hacer trackback desde tu propio sitio web.

Si el comentario no guarda relación con el tema del artículo o los comentarios previos, si la redacción del mismo es ilegible (estilo HOYGAN), o si contiene insultos u otros términos ofensivos, será borrado de inmediato. No se garantiza ningún soporte a los ejemplos de desarrollo web presentados en este sitio.

Todavía no hay comentarios.

Hacer un comentario

Información del sitio