Etiquetas: editor

Consejos y Trucos HTML  #4 – Agregando Enlaces

Consejos y Trucos HTML #4 – Agregando Enlaces

Más Allá • 28 de diciembre de 2010

Qué es HTML? HTML es el acrónimo en inglés de (HyperText Markup Language), que se traduce al español como Lenguaje de Marcas Híper textuales. Es utilizado por la mayoría de páginas web, especialmente aquellos que utilizan protocolos de transferencia de hipertexto (HTTP o, lo que es la primera parte de la dirección web en la parte superior de esta página). HTML es el código de programación que se traduce en las imágenes que usted ve, la incorporación de videos e imágenes y guiones, estructurar el contenido de una página y proveen el principal soporte para el software de Benchmark Email. Para codificar correctamente con HTML usted utilizará los elementos HTML llamados etiquetas. Estas etiquetas se encuentran encerradas entre corchetes. Por ejemplo, <h1> es la etiqueta de inicio para una fuente grande de encabezado. Al final del encabezado o título que estamos codificación, ponemos una etiqueta de cierre, que incluye una barra diagonal </ h1>. Estas etiquetas incluyen la sección o el texto que desea dar formato. Piense en la etiqueta de apertura como un canal abierto. El código dentro de lo que se designa el flujo en ese canal. La etiqueta final cierra el canal y las cerraduras de la sección en el código. El editor de Benchmark Email se encarga de casi todas sus necesidades de HTML. Pero para aquellos de ustedes que les gustan hacer su propio código, o incluso para los curiosos que le gustaría darle una oportunidad, estos consejos le dará un conocimiento práctico de la forma de código, una etiqueta a la vez. Hoy nos centraremos en añadir enlaces a su correo electrónico o un boletín informativo. Adición de enlaces a sitios web pueden ampliar el alcance de su correo electrónico o la atención directa de sus lectores a sus propias cajas de registro o páginas de destino. Es una herramienta muy valiosa cuando el email marketing en estos días cubre dos métodos de vinculación. Primero, abra su editor de correo electrónico (Paso 4 al crear un nuevo correo electrónico) y elegir una plantilla, preferiblemente uno que no tiene demasiados colores o diseños locos ya  agregados. Busque la sección que desea editar y haga clic en el icono del lápiz en la esquina superior izquierda. Elimine todo el texto del cuerpo. Esto le dará menos código para filtrarse cuando empiece a experimentar con su propio código HTML. Ahora, escriba una breve frase con una palabra que desee utilizar como enlace. En mi caso voy a usar \"Benchmark Email\". Quiero que mis usuarios puedan hacer clic en esa palabra y que sean enlazados directo a mi página web. Una vez que tenga la palabra (y saber qué dirección desea establecer al vínculo), haga clic en el botón Ver Código en el cuadro Insertar Elementos Adicionales. Esto abre el documento en HTML. Lo que estamos viendo es el mismo documento se desmontaron para su código. Busque su oración con la palabra que desea vincular. Inmediatamente después de \"Querido Bob,\" verá dos etiquetas <br>. Recuerde que la semana pasada estos eran separaciones de línea. Dado que el código está todo junto, las etiquetas <br> indican que lo que me queda un espacio entre \"Querido Bob\"y el cuerpo del mensaje (el cuerpo comienza en la segunda separación de línea). Ahora es el momento para nosotros de convertir la palabra en un hipervínculo. Recuerde que debe comenzar el código al principio de su palabra, no al principio de su frase. Mi etiqueta de inicio se verá así: <a href=\"http://www.benchmarkemail.com\">. No deje ningún espacio entre la etiqueta de inicio y su palabra de enlace y asegúrese de haber introducido la dirección Web completa entre las comillas. Dejando de lado una comilla  al principio o al final de la URL puede conducir a un código incompleto y que puede terminar con un vínculo roto. También una clave para darse cuenta es el espacio entre la a y href. Al final de la palabra vinculada, simplemente cierre el código con la etiqueta </ a>. Vea a continuación Guarde y Cierre la ventana HTML. Si la URL es correcta la palabra ahora debe ser enlazada. Compruebe siempre el vínculo una vez que lo ha codificado. Primero debe guardar su correo electrónico. Luego haga clic en la palabra resaltada. El código que hemos utilizado es un enlace directo. Esto significa que cuando los usuarios consulten su correo electrónico y hagan clic en el enlace de su navegador les llevará directamente a la URL especificada. Esto tiene sus desventajas. La mayoría de los vendedores de correo le dirán que mantenga a sus clientes en su página, si va a asociar a una fuente externa, un enlace directo los llevará. Sin embargo, si utiliza un enlace directo al final de su correo electrónico o un boletín informativo para llevar al usuario a inscribirse en la caja o la página de destino especial, puede ser exactamente donde usted quiere que vallan. El siguiente código que vamos a utilizar abrirá el enlace en una nueva pestaña o navegador. Esta es mi forma preferida de vinculación. Si el usuario terminó lo que esta viendo y cierra o se sale de su primera ventana. Déles la opción de alternar entre dos pestañas dejándolos libres de navegar entre su página de origen y el material vinculado. Al final, es una cuestión de lo que funciona mejor para usted. Abra su Vista de Código de nuevo y encuentre su etiqueta de inicio original. El inicio se escribe igual, pero después de las comillas alrededor de su url vinculados, deje un espacio y escriba directamente = \"_blank\">. Cada uno de estos elementos es importante y es fácil saltarse un espacio o unas comillas (y no olvidemos subrayar antes de blank (espacio en blanco). Vea a continuación cómo se integra en el código. Si usted ha ingresado el código correctamente la palabra vinculada no debería ser diferente. Sin embargo, al hacer clic en él ahora debe abrirse en una nueva pestaña o nuevo navegador (dependiendo de la configuración de Internet). Si no es así, vuelva  a Vista de Código y revise de principio a fin. (Al crear este blog me di cuenta de que había escrito originalmente tres t en http.) Detalles del asunto. Y ahora que he ilustrado cómo utilizar enlaces espero que les dé una oportunidad. Hasta la próxima y que tenga una feliz codificación!


Leer más

Consejos Para Los que Prefieren Escribir su Propio Código HTML

Más Allá • 3 de mayo de 2010

Con las plantillas de boletines de Benchmark Email, no es necesario conocer el código HTML. Nuestro software hace todo el trabajo por usted. Sin embargo, reconocemos la existencia de algunos de ustedes allá afuera que quieren la libertad de codificar su propio email HTML. Éstos son algunos de los errores comunes y errores a evitar al codificar sus propios mensajes de email HTML: Cuáles son Algunos Errores Comunes de Codificación HTML? Al crear y enviar un email, muchos factores determinan si su correo llega a la bandeja de entrada. Y el código HTML – es el lenguaje base para la mayoría de boletines por email - es tan crítico como su línea de asunto, cuerpo del texto o llamada a la acción. Si el código HTML es descuidado o contiene errores, usted puede apostar que su e-mail no será entregado o mostrado en la bandeja de entrada del destinatario confuso y poco profesional. Si desea hacer frente a los problemas de pantalla de email con antelación, he aquí algunos errores comunes de codificación HTML que deben evitarse: Diseñar un e-mail como si fuera una página web. No hay nada malo con el uso de editores de HTML, como Microsoft Front Page, Publisher o Dreamweaver para crear su email o boletín de noticias. Sólo recuerde utilizar código un código que  sea amigable para los emails y boletines de noticias y no sólo páginas web. Refiriendo a archivos CSS externos Dado que la gran mayoría de clientes de email como Gmail, Yahoo y AOL utilizan su propio código CSS, cualquier código de afuera puede interferir con la visualización de su email. Gracias a este conflicto, los clientes de email más importantes rebotan emails con el exterior de referencias de código CSS, o los envían directo al archivo de correo no deseado. He aquí un ejemplo de código de referencia externa CSS: <link href=\"css1.css\" rel=\"stylesheet\" type=\"text/css\"> Otro error es el uso de CSS en el encabezado de su email y refiriéndose a ella en el cuerpo del email. He aquí un ejemplo: <style> .main{font-size:16px;} . subhead{font-size:14px; font-weight:bold; color:#cc0000;} </style> <span class=\"subhead\">Newsletter Article</span> Use Inline Stylesheet <span style=\"font-size:14px; font-weight:bold; color:#cc0000;\">Newsletter Article</span> Si tiene que usar CSS, asegúrese de usar el código en línea y enviar muchos mensajes de email de prueba para comprobar si hay errores e inconsistencias. Usando una imagen que ocupe todo su email Como la mayoría de los clientes de correo bloquean las imágenes por defecto, los destinatarios sólo verán una pantalla en blanco cuando reciben su email. Evite el uso de una imagen grande como la pieza central en su email y tendrá mejor suerte con su boletín. La Creación de un email muy ancho Cuando se trata de mensajes por email, el tamaño realmente importa. Siempre hay que diseñar su email o boletines con panel de vista previa del destinatario en mente. Una buena anchura es de 650 píxeles, ya que tiene capacidad para la ventana de vista previa de la mayoría de clientes de email. Fallando en retirar códigos no deseados en el código HTML   Si utiliza Microsoft Front Page, Microsoft Word o Microsoft Publisher para diseñar su email, espere que su plantilla de email contenga muchos códigos extras \"basura\". Este código no deseado puede romper el diseño y causar todo tipo de problemas de la pantalla y en el peor de los casos, causa que su email se vaya directo a tierra o a la derecha en el archivo de correo no deseado. Para hacer frente a este problema, limpie y / o elimine las etiquetas vacías o no deseadas, los atributos innecesarios, los comentarios y el código del otro correo basura antes de cargar la plantilla de email a nuestro sistema. El siguiente es un ejemplo de código no deseado que podría encontrar en una plantilla de email:                                                                                                          <span class=\"fs12\"> <v:shape> <o:column> <b:Xl> ![endif]> </span> Utilización de Flash, Javascript, ActiveX, películas o archivos de sonido incorporado No se equivoquen: los archivos de sonido, películas y otros visuales / archivos de audio se puede hacer un email snazzier. Sin embargo, su email multimedia probablemente no habrá pasado el software anti-virus que los clientes más grandes utilizan. Por esta razón, recomendamos que salte las películas y archivos de sonido en su email por completo, y en lugar de eso enlace una página web donde los destinatarios puedan disfrutar de sus medios en su totalidad. Vinculando las imágenes con bases incompletas en la web URL Al utilizar las imágenes en mensajes de email, asegúrese de enlazar una página basada en la web en lugar de un archivo en su disco duro. Si se vinculó a un archivo en su disco duro, las imágenes no se mostrarán en su boletín de noticias. Aquí hay un ejemplo relativo de URL (incompleto) que se liga a su disco duro o archivo de página local: <a href=\"lastpage.htm\"> </a> Aquí hay un ejemplo correcto ligado a URL:                                                             <a href=\"http://www.microsoft.com/\"> </a> Este texto es un enlace a una página web en vivo en el Mundo Web El envío de mensajes de email de prueba a sólo uno o dos clientes de email  Cada cliente principal de email utiliza su propio código para mostrar mensajes de email. Para maximizar la entrega y visualización de mensajes de email, se recomienda la creación de cuentas gratuitas de emails y enviar mensajes de email de prueba a los servicios de email siguiente: AOL, Yahoo, Gmail y Hotmail. Mediante el envío de mensajes de email de prueba a tantos clientes, puede resolver todos sus problemas de visualización de email fácilmente, rápida y de un solo golpe.  


Leer más