Inserción de HTML en un correo electrónico

Debido a que las páginas web y correo electrónico son los dos componentes de la Internet, es lógico pensar que usted debería ser capaz de usar el lenguaje global de Internet, HTML, tanto para la codificación de una página web y un correo electrónico. Sin embargo, la codificación de mensajes de correo electrónico HTML es un poco más complejo, ya que los programas de correo electrónico basados ​​en web como Hotmail, Gmail y Yahoo utilizan hojas de estilo para dar formato a los mensajes de correo electrónico que tienen el mismo aspecto. Es necesario para codificar el correo electrónico por separado en HTML, a continuación, enviarlo mediante una página web específica gestor de correo HTML.

Instrucciones

1 Regístrese para obtener una página web de correo electrónico HTML. Muy pocos de estos son gratuitos o tienen opciones gratuitas, como MailChimp, Benchmark Email y Letra pequeña (ver Recursos). Su programa de correo electrónico no le permitirá copiar y pegar HTML, ya que lee todo en un cuerpo de correo electrónico en forma de texto, por lo que necesita un servicio que puede enviar mensajes de correo electrónico a los destinatarios y el uso de HTML.

2 Abra su programa de HTML o el Bloc de notas, si el código todo manualmente, y comenzar la disposición de su correo electrónico HTML. Tenga en cuenta que los programas de correo electrónico más basados ​​en Web no se muestran mensajes en una pantalla completa, por lo que no se puede crear un diseño de 900 píxeles de ancho. Utilice 600 píxeles como una guía básica. Crear una tabla mediante la inserción de las etiquetas <table width = "600px"> código para empezar. Este contendrá todos los elementos de su correo electrónico dentro de una sola tabla, y se detendrá las hojas de estilo de diferentes sitios de correo electrónico de arrastrar elementos alrededor. Coloque el código final </ table> en la base de su documento. Piense en la tabla como una máquina que todos los demás contenidos irán a. Incluso si usted va a utilizar otras tablas para mostrar la información, que necesita esta primera tabla como un envase para guardar todo.

3 Inserte su texto en la tabla. Si está usando un editor WYSIWYG como Dreamweaver o Front Page para crear su correo electrónico, se puede diseñar con la parte gráfica del programa de uso de las funciones del corrector ortográfico y de manipulación de texto, a continuación, coger el código más tarde. Recuerde insertar caracteres HTML para las letras con acentos o caracteres especiales como guiones en lugar de copiar y pegar desde un procesador de textos - navegadores de algunos usuarios no pueden leer la fuente que utiliza, pero todos los equipos pueden leer los códigos de caracteres HTML.

4 Insertar imágenes en un correo electrónico utilizando rutas absolutas. Esto significa que no se puede simplemente enlazar a la imagen en su disco duro. La <img src => código tiene que apuntar a una imagen en línea que no se va a mover. Cuando utilice imágenes en un correo electrónico, asegúrese de incluir la información y la "anchura" "altura", especialmente para las imágenes más grandes que está utilizando HTML para escalar hacia abajo. Es necesario utilizar rutas absolutas para los enlaces también - nada como "index.html", pero "http://www.yoursite.com/subfolder/index.html."

5 Código CSS en línea. No es necesario utilizar hojas de estilo, pero si usted prefiere la forma de mirar, es necesario definir los estilos en su HTML - antes de que su código de la tabla - mediante la creación de una etiqueta como <p style = "size: 12px; color de = # FFF>. Luego, cuando se inserta un <p> código más tarde, el navegador de su destinatario de correo electrónico lee las hojas de estilo.

6 Copia y pega el código HTML en su proveedor de correo desde el Paso 1. Estos sitios tienen una opción "pegar en el código" cuando está creando sus anuncios publicitarios del boletín de noticias. Enviar el correo a sí mismo para ver cómo se muestra, a continuación, modificar el código.