Tecnología

Inicio

Cómo código HTML Boletines de correo electrónico

May 10

HyperText Markup Language (HTML) codificadores de la vieja escuela se regocijan --- codificación de boletines de correo electrónico HTML es muy similar a la codificación de una página web normal hace una década. Usted querrá mantener las cosas simples, se centran en el contenido en lugar de campanas y silbatos y no tratar de controlar el diseño --- dejarlo fluir. Si usted es un codificador de HTML que se utiliza para el nuevo mundo del control de estilo en cascada Sheets (CSS) y HTML dinámico, tendrá que desaprender muchas reglas para crear hermosas boletines estables, basados ​​en HTML.

Instrucciones

1 En primer lugar, no hacer ningún cambio de codificación en la parte de cabecera de su boletín HTML. O, si va a crear "WYSIWYG" (lo que ves es lo que obtienes) HTML en lugar de la codificación dura, no establece nada para ser un estilo global: sin CSS mundial, no hay ninguna configuración de los márgenes y el texto del cuerpo = ajustes . Va a crear todo dentro de tablas, debido a que varios programas de correo electrónico, como Gmail, Franja de formularios de información en el encabezado. Si necesita crear formato, tendrá que utilizar CSS en línea en el cuerpo del documento. Todos los de su codificación debe caer dentro de las etiquetas <body>.

2 Debe ser sencillo y no ser un fanático del control. Al igual que en los viejos tiempos de codificación HTML normal, diferentes clientes de correo electrónico HTML interpretan de maneras muy diferentes. No se puede tener un control perfecto; en cambio, código para que se va a quedar bien sin importar lo interpretado.

3 Para empezar, la codificación de una tabla que contendrá las regiones generales de su boletín de noticias: la cabecera, columnas y un pie de página. Si va a crear un boletín con dos columnas, por ejemplo, el código de la tabla de la siguiente manera:

<Table>

<Tr> <td> </ td> </ tr>

<Tr> <td> </ td> <td> </ td> </ tr>

<Tr> <td> </ td> </ tr>

</ Table>

Su primera fila contendrá su cabecera; la segunda fila contendrá sus dos columnas; y su tercera fila contendrá el pie de página. Establecer su margen tabla general al 98 por ciento o menos, o no se mostrará correctamente en Yahoo! de correo electrónico. Dentro de sus códigos de células separadas, se puede establecer la fuente y el fondo de toda la célula. Establecer el relleno celular a 10 px.

4 Construir tablas de contenido dentro de cuatro células de su mesa de contenedores. Evitar el uso de cualquier cosa de lujo, al igual que las zonas div flotante. Seguir con el HTML básico, y sigue las mismas reglas que siguió a la mesa en el paso 3, excepto que cada tabla de contenido se puede ajustar en anchura 100 por ciento.

5 Pruebe su boletín de correo electrónico HTML en una variedad de clientes de correo antes de enviarlo. Asegúrese de que se haga la prueba, como mínimo, en los más utilizados: los de Outlook, Gmail, Lotus Notes y Yahoo! Mail.

Consejos y advertencias

  • Mantenga su contenido más importante en el comienzo de su boletín de noticias; de esa manera, si hay errores más adelante en su boletín de noticias para tratar que se se muestra correctamente, la información esencial probablemente todavía ser leído.
  • Trate de usar imágenes que son .jpegs individuales. imágenes divididas a menudo no se muestran correctamente en todos los mensajes de correo electrónico diferentes.
  • Mantener las imágenes pequeñas; imágenes de gran tamaño en la parte superior de los mensajes de correo electrónico a menudo se interpretan como spam.
  • Asegúrese de que sus imágenes no son esenciales para la comprensión del correo electrónico, en especial las imágenes al inicio de su boletín de noticias. Algunos clientes de correo electrónico por defecto a nondisplaying gráficos.
  • Aunque puede utilizar CSS en línea, todavía es mejor evitar incluso que si es posible, ya que algunos clientes de correo electrónico eliminar CSS en línea.
  • Probablemente obtendrá mejores resultados si el código de su boletín de correo electrónico fuera de su ventana de correo electrónico, a continuación, cortar y pegar como texto.