Como HTML electrónico: guía paso a paso

Listas de correo son unha parte importante das campañas de marketing. Crear correo-e para eles en moitos aspectos, se asemella ao desenvolvemento de páxinas web sinxela. Á vez que debe ter en conta algunhas diferenzas importantes. En particular, o envío de HTML electrónicos só será efectivo se se fixeron correctamente no sentido técnico, eo seu contido e estilo cumprir os seus obxectivos. Neste caso, hai unha percepción de que un leigo non pode xestionar a tarefa. Este artigo ofrece detallado paso a paso, como escribir e enviar HTML electrónico.

Características de creación

O home moderno recibe diariamente unha media de 5-6, e ás veces ata 10 correos electrónicos. Isto significa que só ten menos dun segundo, para ter tempo para chamar a atención do destinatario antes que vai para a lectura do seguinte correspondencia. En caso contrario, os seus enviando HTML correo será completamente ineficaz, e só tempo perdido.

Un dos matices que aumentan as súas posibilidades de atraer a atención de clientes potenciais ou outro público obxectivo é a creación de correspondencia, que está adaptado para dispositivos móbiles. Ao final, a maioría daqueles a quen se dirixe a ver e-mail, probablemente usalos máis veces que computadores de mesa e portátiles.

Para estes efectos, se pode usar, por exemplo, "deseño responsabilidade" facilmente se adapta ao tamaño da pantalla.

Cal debe ser o modelo de carta

Cando o esquema do documento, destinado a enviar correspondentes, deben unirse aos seguintes requisitos:

• Debe estar moi estreita, ie. E. En tamaño non debe exceder a franxa de 500-600 píxeles que fornecen a exhibición correcta do texto e outros contidos en dispositivos de calquera tipo.
• Debe usar unha fonte grande abondo para toda a información de texto, así como iOS dispositivo HTML electrónico será incómodo para ler, se o tamaño da fonte de polo menos 13 píxeles.
• Elementos sobre os que pode facer clic para facer, debe ser grande abondo e illada dende os enlaces máis próximos. Neste caso, o destinatario pode facilmente activa-los no primeiro intento.

formación

Antes do desenvolvemento de HTML letras, ten que crear unha das unidades un cartafol e nomealo, por exemplo, "News". Ademais, ten que baixar e instalar o software Dreamweaver CS3. Este produto de Adobe é un moi sinxelo sitios web de deseño de ferramentas e é ben axeitado para o desenvolvemento dun enviar cartas en formato HTML.

Crear e gardar un documento

Antes de escribir o texto da carta, ten que:

• abrir bastante popular programa de deseño HTML electrónicos Dreamweaver CS3 (DW);
• crear un documento escollendo un tipo de "transición HTML 4.01»
• gardar o ficheiro coa extensión «.html»
• no menú superior para atopar o comando de edición;
• eliminar o carrapato do check-box "Use CSS en lugar de etiqueta HTML».

Paso a paso

Agora, imos ver como crear HTML electrónico. Para iso:

• Consistente abrir a guía do menú "Inserir" e "Táboa" e expoñer os parámetros necesarios da táboa. Por exemplo, a liña de - 2 - columnas 1, ancho - 700, a cabeceira - parte superior. Os límites poden ser definidos, e pode facer sen eles, especificando 0.
• Formar a cabeceira da mensaxe. Desde HTML letras destinado a un maior número de beneficiarios, así que usar o operador [first_name] substituír o nome do destinatario desexado.
• Na ventá inferior, os "Propiedades" poñer-se os parámetros necesarios para o tipo de letra, tamaño e cor do texto do título e cor de fondo.
• "Saír" no campo de cabeceira. Na parte inferior da pantalla para mover as opcións de punteiro poñer "centrada" e "No medio".
• Introduza a mensaxe de texto preparado ou "escribir" el mesmo no programa de DW, seleccionando tipo e tamaño de fonte, e aliñación do texto na páxina.

Creación de enlaces de hipertexto

Tentaremos facer HTML letras máis profesional e avanzado. Con este obxectivo en hiperlinks ocultar o contido. Para iso, seleccione o lugar no texto, que foi escollido como unha ligazón de hipertexto. Na esquina esquerda debe ser "aberto" na icona apropiado e inserir unha ligazón na caixa drop na parte superior da pantalla. Neste caso, non se esqueza de poñer unha marca no cadro de selección do «_blank", para abrir a ligazón nunha nova xanela, eo destinatario tras o concerto non perdeu o acceso á letra de inicio.

Como inserir imaxes

Normalmente, unha carta en formato HTML completa dos datos de contacto, preferentemente con unha foto do autor ou a imaxe temática relevante. El se pode descargar de Internet ou por descarga na internet, como vai ter do URL da imaxe. Este é o mellor feito por un dos servizos gratuítos.

Para emitir un final agradable como:

• inserido na parte inferior da mensaxe, a outra táboa de base 3 e columnas 0 parámetro para os píxeles de límite;
• poñer o cursor na táboa, onde queren ver a imaxe;
• marca no diálogo inferior, "medio" e "extremo superior" para cada sección;
• escoller entre a guía do menú superior "Inserir";
• non prema na inscrición "Imaxe" no menú emerxente, pegar o enderezo de contacto copiado;
• prema «Aceptar» 2 veces.

revisión

Agora que sabe como facer HTML letras, ten que asegurarse de que o destinatario vai velo na forma correcta. Para este fin, antes de enviar queres ver o seu traballo no navegador Dreamweaver CS3. Para iso, prema na icona cun globo no menú superior medio. Se en vez de letras apareceu na pantalla, abracadabra, ten que poñer no seu navegador opcións avtokodirovku.

codificación

No apartado "Proxecto" e ir á parte de código - o "Código". No diálogo que se separou e copiar todo o que está entre as etiquetas e . Garde o ficheiro. Logo introduza o código HTML.

O envío de correos electrónicos HTML-

Para facer que o correo aberto "Smartresponder" (SR). entón:

• escoller ou crear un novo correo, enche o string "nome" e "Enderezo do remitente."
• liña de recheo "é o tema da letra";
• marca en HTML-código do menú superior esquerda;
• código copiado para o programa DW-code nun gran campo "Source";
• comprobar a exactitude dos medios de unha ferramenta de "Preview" de exhibición;
• Exclúe a versión texto da carta;
• proba-lo para spam, usando o botón axeitado á beira do botón "Enviar".

Modelos populares

Usando un cadro axuda a acelerar significativamente o proceso de escritura e facelo máis accesible para o creador, que ten só entende os principios de crear web-documentos. Os estándares máis populares:

• Cerberus. Este conxunto dos chamados modelos de resposta para crear letras, normalmente aparecen nunha aplicación móbil de Gmail e no Outlook. Permite que usar bloques de código HTML, só ou combinando os.
• Ink - está collendo correos electrónicos, e-mails que son case universal e é compatible con todos os dispositivos e clientes.
• modelo de correo-HTML moi sinxelo. O modelo permite que cree enviar cartas son moi doado e rápido. Con todo, eles terán un deseño moi simple en forma de columna, que entrou en unha chamada á acción.

Como inserir HTML nun

Imos agora considerar un problema lixeiramente diferente. Para introducir o código HTML nun correo electrónico, por exemplo, Gmail utilizando, como no seguinte exemplo, o navegador Google Chrome, ten que:

• prema no botón «F12», ou seleccione a secuencia apropiada de comandos do menú;
• na ventá aberta á corrente Gmail páxina de código do cliente atopar un lugar onde a ser inserido no HTML letras, facer un clic dereito e escolla «Editar como HTML».
• Cole o código HTML;
• premer unha combinación de dúas teclas «Ctrl» e «Intro».

Para o mesmo efecto, pode baixar de fácil ispolzovnii programa Thunderbird Mozilla. Con el podes crear unha carta, a continuación, primeiro selecciona "Inserir" e despois "HTML" e pegar para o código de enderezo.

instrumentos

Vordpressovsky plugin de correo newsletter permítelle xestionar profesionalmente boletíns e subscritores. E a continuación, e outra é feito directamente a través do panel de administración do WordPress. Esta circunstancia ofrece control completo e totalmente gratuíto, que non pode deixar de se regozijar.

Outra ferramenta simple - imaxes de fondo a proba de balas, que é unha ferramenta simple que permite obter o código para a imaxe de fondo creado polas letras. El pode axudar a facer a correspondencia máis bonito. Para rexistro da carta debe escriba a URL da imaxe de fondo que lle gusta e reservar a cor, e se estes parámetros son aplicados a todo o corpo de HTML correo ou son destinados só para unha das células da táboa. O resultado é un código listo que quere copiar e pegar no seu modelo.

Agora que sabe como enviar HTML electrónico. A súa creación non é especialmente difícil, especialmente se usar modelos listos que a web é ningunha falta. Polo tanto, mesmo aqueles que non teñen coñecemento especial, pode facilmente xestionar esta tarefa.