Tecnología

Inicio

Cómo añadir imágenes a HTML Boletines de correo electrónico

March 11

Cómo añadir imágenes a HTML Boletines de correo electrónico


Si va a crear un boletín de correo electrónico para que una empresa, un club o un grupo social, su objetivo es compartir información vital con sus lectores. Una forma de aumentar la probabilidad de que la información llegará a su objetivo al recordar el viejo dicho "una imagen vale más que mil palabras". Incluyendo el arte y fotografías bien elegido y bien colocado dará el documento atractivo visual. Se basará ojos de sus lectores a las palabras.

Instrucciones

1 Seleccionar las imágenes que ilustran o complementar el texto del boletín de correo electrónico. Utilice fotografías que se han tomado o arte digital original o seleccionar las imágenes que son de licencia libre (ver Recursos).

2 Abra el administrador de archivos en el sitio de su proveedor de alojamiento web. Subir las imágenes al sitio.

3 Abra el editor HTML en la página web de su proveedor de alojamiento web. Abra su plantilla de boletín. Escribir o pegar el texto que aparecerá en esta edición. Ajuste las columnas de manera que se alinean verticalmente.

4 Elige una imagen para cada sección del boletín. Si la sección es larga, puede incluir dos imágenes.

5 Para añadir la primera imagen, escriba el siguiente código:

<Img class = \ "N1 \" img src = \ "Newsletterpic1.jpg \" />

Vuelva a colocar la cadena de texto "Newsletterpic1.jpg" con el nombre real del archivo de imagen. No se olvide de incluir la extensión del archivo - las tres letras que siguen al período en el nombre del archivo.

6 Repita el paso 5 para cada archivo de imagen que desea añadir al boletín.

7 Desplazarse hacia arriba hasta el punto en el archivo HTML en el marco del \ etiqueta "</ head> \", pero antes de que la etiqueta \ "<body> \". Escriba el siguiente código:

<Style>
img.N1
{
position: absolute
IR
izquierda: 0
IR
arriba: 0
IR
}

Cambiar los valores de "0", que se representan los píxeles, 200.

8 Guardar el archivo, a continuación, probar la página en un navegador web. Examinar la colocación de la primera gráfica que ha introducido con respecto al texto que está destinado a ilustrar. Si la imagen es demasiado hacia la derecha, disminuya el valor de "izquierda". Si no es lo suficientemente lejos hacia la derecha, aumentar ese valor. Hacer lo mismo con el parámetro "top".

9 Repita los pasos 7 y 8 para cada gráfico.

Consejos y advertencias

  • El uso de HTML en lugar de gráficos puede llevar mucho tiempo. Se paciente. Su trabajo dará sus frutos en un boletín bien diseñado.
  • Asignar a cada una gráfica "img. \" \ Único código.
  • Asegúrese de añadir una etiqueta </ ​​style> una vez que haya añadido el código de ubicación de todos los gráficos.