Creación de Boletines en HTML

Creación de boletines en formato HTML

Hacer un boletín en HTML es muy sencillo. Aquí tienes unas simples indicaciones para ello.

El boletín debe estar en formato HTML y ser enviado de esta forma por correo electrónico. Debe ser en formato HTML debido a que queremos insertar imágenes y poner los enlaces a nuestra web.

Para poder insertar las imágenes en nuestros boletines, hay dos formas:

- Insertar las imágenes en el propio HTML.

Es la forma más simple, ya que siempre se verán las imágenes que adjuntemos. Sin embargo, el email pesará más, y es muy posible que el receptor borre el emnsaje, como hacemos casi todos cuando vemos archivos adjuntos en un email.

- Mandar el boletín sin imágenes adjuntas.

El email pesará menos, y no llevará imágenes adjuntas. Las imágenes se descargarán de la web cuando se visualice el mensaje. Sólo tiene un inconveniente: el usuario debe estar conectado a Internet para poder verlas.

En WebTaller utilizamos ese último método. Mandamos el boletín en formato HTML, enlazando las imágenes con urls absolutas.

Por lo tanto, parar crear boletines en formato HTML, abrimos un editor, por ejemplo, DreamWeaver MX, y creamos el boletín tal y como quisiéramos que se viera, pero poniendo todas las direcciones de los enlaces y las imágenes dirigidas hacia páginas e imágenes que están en la web, en lugar de dirigirlas a otras páginas e imágenes que están en tu disco duro.

Por ejemplo. los atributos HREF de los enlaces y los SRC de las imágenes quedarían con URLs absolutas:

<a href="http://www.webtaller.com/manuales">Manuales de WebTaller.com</a>

<img src="http://www.webtaller.com/images/wtlogo.gif" width=120 height=70>

Como veis, es muy importante poner las urls absolutas (completas), para que nos funcione. Recordad además que en los enlaces debemos poner siempre el <base target="_blank"> para que se nos abra en la ventana del navegador.

Usuarios que han visto este tema también han visto...

- Información contextual en una etiqueta HTML
- Capas con texto desplazable en HTML
- Las Capas en HTML
- Forzar un salto de página en la impresión en HTML
- Contacto con navegante en HTM

- Versión imprimible de este documento

- Enviar por e-mail este documento