Manual para produção de Templates para marketing

Tamanho: px
Começar a partir da página:

Download "Manual para produção de Templates para email marketing"

Transcrição

1 Manual para produção de Templates para marketing Manual de auxílio para elaboração de templates atendendo às boas práticas para marketing.

2 Introdução Independente do seu tipo de marketing ser uma newsletter, template de ofertas, cartão de agradecimento, boas vindas, dentre outros, é muito importante que esteja adequado às boas práticas. As regras a seguir irão auxiliá-lo(a) no desenvolvimento de templates adequados, de forma a melhorar o resultado final das ações de marketing efetuadas. 1. Layout e Conteúdo Como projetar o template de forma que consiga maior impacto visual e melhores resultados em suas ações de marketing: Personalização e Saudação: Aproxime-se dos contatos e chame-os pelo nome em suas mensagens! É possível ainda incrementar a saudação da mensagem com pronomes de tratamento, tipo Sr., Sra., Dr. etc. Para utilizar personalização, seu mailing deve possuir todas as informações necessárias e uma personalização por condicionais pode ser utilizada. Topo: A frase inserida no topo é a primeira informação recebida pelo destinatário na lista de s, onde além de ter o link para visualização em browser, pode ter uma frase de apresentação do conteúdo chamada pré-header. Topo com Versão Mobile: Disponibilize ao contato a opção de visualização em versão mobile além de visualização em browser. Muitos contatos hoje lêem o conteúdo via celular e a versão mobile facilita essa leitura. Painel de Visualização: A área pontilhada é a informação de primeiro impacto quando o contato visualiza a mensagem em seu . Atente-se para que chamadas de maior importância, sejam diagramadas nessa área. Call To action: Chame a atenção para as chamadas do template. Instigue o usuário ao clique, faça com que ele tenha interesse e curiosidade em saber o que há por trás daquele link do marketing. Links de Compartilhe: Disponibilize links e ícones para que o contato possa viralizar seu marketing nas redes sociais que são hoje armas potentes para sucesso nas campanhas de marketing e captação de contatos Rodapé Insira no rodapé do marketing, o optout, pois é uma atitude legal que respeita a privacidade do usuário, dando a opção dele ser excluído da base de s caso queira. Também é recomendável que você oriente o usuário a adicionar o seu na lista de contatos dele, assim ele passa a receber com sucesso as suas mensagens, não caindo no lixo eletrônico.

3 1.1. Formato adequado Para que a leitura não seja prejudicada por barras de rolagem horizontais, limites de janelas pop-up ou outros, utilize largura máxima de 600 pixels para os templates de marketing. Ao inserir textos no template, procure sempre determinar fontes de sistema como: Arial, Verdana, Times etc. Desta forma, evitamos erros na renderização e nos alinhamentos do layout. Esses textos, posteriormente, poderão ser reproduzidos em HTML e ajudará a manter um equilíbrio entre a quantidade de imagens. Esse equilíbrio é fundamental para evitar pontuação em testes antispam dos provedores, que avaliam a proporção entre cada tipo de conteúdo evitando possíveis bloqueios ou entrega na caixa de spam / lixo eletrônico. Utilize imagens em formato JPEG ou GIF e com 72DPI de resolução. Otimize a qualidade das imagens de forma que todas elas somem, juntas, até 100Kb. Para otimizar a entrega das mensagens, desenvolva o código HTMLcom até 30 kb de extensão. Evite utilizar imagens do tipo spacer, com dimensões de 1px na largura e/ou altura. Muitos spammers utilizam esta técnica para checar endereços de ativos e, por isso, é uma prática considerada como spam. Se precisar inserir um espaço vazio entre elementos, utilize a quebra de linha simples <br> ou uma célula vazia de tabela <td> em que você pode controlar a altura do espaçamento. Jamais faça envio de templates compostos por somente uma única imagem. Deve-se dividir a imagem do template em algumas parte através de fatiamento. Isso evitará que a mensagem seja redirecionada ao SPAM ou lixo eletrônico dos provedores Topo e Rodapé da mensagem Disponibilize sempre a opção de visualização em browser em sua peça, fora da caixa de e insira também um link para o mecanismo de descadastro permitindo que o contato efetue o cancelamento do cadastro para deixar de receber as mensagens se assim desejar. A Virtual Target já insere o texto com link para preview no topo e um texto com o link para opt-out no rodapé do template conforme abaixo: Topo Se você não estiver visualizando a mensagem corretamente, acesse esse link. Rodapé Para garantir que nossos comunicados cheguem em sua caixa de entrada, adicione o ( remetente) ao seu catálogo de endereços. A (nome da empresa) respeita a sua privacidade e é contra o spam na rede. Se você não deseja mais receber nossos s, cancele sua inscrição aqui.

4 É recomendável que sugira ao destinatário que insira o de remetente em sua lista de confiáveis. Isso auxiliará para que as mensagens sejam recebidas por ele na caixa de entrada, evitando o lixo eletrônico. Quando o programa de do destinatário recebe uma mensagem de um servidor de , ele verifica se o remetente da mensagem é alguém conhecido do destinatário, como forma de avaliar a importância e relevância que esta mensagem pode ter em relação às demais. Se o remetente for identificado dentre os contatos cadastrados do destinatário, então a mensagem tem mais chances de ser entregue na caixa de entrada, pois trata-se de um enviado por um contato confiável Personalizando Topo e Rodapé Caso deseje utilizar um texto próprio para o Topo e Rodapé das suas campanhas, basta executar o procedimento abaixo: Ao inserir o texto de preview, deve-se colocar no link acesse aqui a Nesse caso seria declarado no HTML da seguinte forma: <table cellspacing= 0 cellpadding= 0 border= 0 width= 540 > <tbody> <tr> <td align= left width= 316 ><b><font size= 1 face= Arial bcolor= # > Newsletter Experian</font></b></ td> </tbody> </table> <tr><td><table cellspacing= 0 cellpadding= 0 border= 0 > <tr><td align= left ><font size= 1 face= Verdana color= #54585a ><font size= 2 ><b> A partir desta edição, a news Experian Virtual Target levará você a descobrir novas tendências e enriquecer seu conhecimento sobre marketing. Aproveite!</font></td></tr> <tr><td bgcolor= #ffffff align= Center><font size= 1 face= Verdana color= #1065ac >Caso não esteja visualizando esta mensagem, <a target= _blank >acesse este link</a>.</font></td></tr> </table> </body> 1.4. Por que o Preview é importante? Os provedores em sua maioria, quando recebem as mensagens deixam-nas com as imagens bloqueadas. Se o contato não puder exibir as imagens dentro do cliente de , ele poderá visualiza-las através do link alternativo disponível no topo do template.

5 <table cellspacing= 0 cellpadding= 0 border= 0 width= 540 > <tbody> <tr> <td align= left width= 316 ><b><font size= 1 face= Arial bcolor= # > Newsletter Experian</font></b></td> </tbody> </table> <tr><td><table cellspacing= 0 cellpadding= 0 border= 0 > <tr><td align= left ><font size= 1 face= Verdana color= #54585a ><font size= 2 ><b> A partir desta edição, a news Experian Virtual Target levará você a descobrir novas tendências e enriquecer seu conhecimento sobre marketing. Aproveite!</font></td></tr> <tr><td bgcolor= #ffffff align= Center><font size= 1 face= Verdana color= #1065ac >Se você não deseja mais receber nossos s, <a target= _blank > cancele sua inscrição aqui</font></a> ou solicite o cancelamento através do </table> </body> </html> 1.5. Por que o OptOut é importante? Para que o contato tenha a possibilidade de negar o recebimento de um marketing, deve existir o opt-out. O funcionamento correto depende da inserção de um link com a função de descadastramento em todos os s marketing criados Utilize o Pré-header em seu Marketing! O pré-header é uma pequena seção que aparece no topo do , acima do conteúdo da mensagem. A maioria das pessoas que trabalha com Marketing usa o pré-header para oferecer uma versão web da mensagem caso o destinatário tenha problemas na visualização do . Você pode aproveitar o fato de quase todas as empresas usarem, por padrão, essa mensagem para visualização no browser e colocar alguma informação que destaque seu dos demais recebidos pelos destinatários, pois o pré-header também é exibido na caixa de entrada, após o assunto do e- -mail. Veja um exemplo de como o destinatário visualiza as mensagens na caixa de entrada: Note que a primeira mensagem teve o pré-header mais elaborado e se destacou dos demais. Quando a mensagem é aberta, o pré-header é visualizado da seguinte forma:

6 O pré-header é um recurso a mais que você pode usar a seu favor e, se bem trabalhado, pode aumentara taxa de visualização de suas campanhas. Lembre-se: A maioria das empresas usa o pré-header apenas para oferecer a versão web da mensagem,use-o para atrair mais leitores! Então, ao invés de usar somente Caso não esteja visualizando esta mensagem, acesse este link, use também uma frase atrativa, uma espécie de resumo do seu conteúdo para despertar o interesse do usuário. 2. HTML 2.1. O que devo usar? No HTML abaixo, iremos exemplificar como deve ser diagramado o cabeçalho da peça e nas demais páginas como deve ser a estrutura do código, assim como a inserção de imagens, textos e links, com a finalidade de se obter a maior aceitação pelos provedores e evitar erros na renderização do conteúdo nos diversos clientes de Cabeçalho do código Nunca se esqueça de preencher a tag <title> no cabeçalho do documento HTML. Muitas ferramentas antispam analisam o conteúdo desta tag e, caso ela esteja vazia ou preenchida com expressões suspeitas, sua mensagem pode receber pontuação como spam.

7 Veja abaixo um exemplo da tag title preenchida e a correta codificação que deve ser declarada no código: <html> <head> <meta http-equiv= Content-Type content= text/html; charset=iso /> <title>newsletter_experian</title> <script ></script> </head> <body> Estrutura do conteúdo Para diagramar o conteúdo, utilizar somente tabela simples através das Tags table, tr e td, conforme exemplo abaixo: <table cellspacing= 0 cellpadding= 0 border= 0 align= center width= 600 > <tbody> <tr> <td bgcolor= #ffffff align= center ><font size= 1 face= Verdana color= #1065ac ></font> </td> </tr></td> <body> Cor de Fundo Alguns clientes de têm restrições quando à exibição de cor de fundo nas mensagens. Para inserir cor de fundo no template, utilize tanto o atributo bgcolor do HTML quanto o background-color de CSS, como no exemplo: <table cellspacing= 0 cellpadding= 0 border= 0 align= center width= 600 > <td bgcolor= #ffffff align= center ><font size= 1 face= Verdana color= #1065ac ></font> </td> </tr></td> <body bgcolor= #96bc33 style=background-color: rgb(150, 188, 51);>

8 2.2. O que não devo usar? Não utilizar as tags e atributos abaixo, os mesmo geram bloqueios por spam e não são renderizados pela maioria dos clientes de <div> <table rowspan= x > (Não utilizar o atributo rolspan) <table colspan= y > (Não utilizar o Atributo colspan) <map> <form> <imput> <ol> Mais adiante abordaremos o uso de atributos CSS e o comportamento das folhas de estilo nos provedores, quando aplicados em templates para marketing.

9 2.3. Construindo o código HTML Template Fatiado Exemplificamos uma peça que foi fatiada em diversas partes. Para pequenos ícones onde serão inseridos links para redirecionamento, as fatias são menores. Note que o template deve ser fatiado sempre na horizontal e sem espaços entres as partes a fim de evitar fragmentos.de imagem que podem atrapalhar a leitura do HTML depois de finalizado. No fatiamento, os textos, ícones e imagens são fatiados separadamente pois o HTML desse template terá mescla entre texto e imagem, o que é o mais recomendado. Esse fatiamento pode ser executado através de um editor de imagem (photoshop ou similar) e após o fatiamento concluído as partes fatiadas devem ser salvas para formato web e hospedadas em um servidor ou ambiente online para que o caminho absoluto das imagens seja inserido no código fonte na construção da peça em HTML.

10 Veja abaixo um exemplo de HTML de um template que possui apenas imagens fatiadas: <html> <head> <meta http-equiv= Content-Type content= text/html; charset=iso /> <title>comunicado_experian</title> </head> <body bgcolor= #6db33f > <table cellspacing= 0 cellpadding= 0 border= 0 align= center > <tbody> <tr> <td><img height= 184 border= 0 width= 30 style= display:block name= experian_01 id= experian_01 src= <td><img height= 184 border= 0 width= 30 style= display: block; name= experian_02 id= experian_02 src= alt= /> </td> <td><img height= 184 border= 0 width= 30 style= display: block; name= experian_03 id= experian_03 src= alt= /> </td> </tr> </tbody> </table> <table cellspacing= 0 cellpadding= 0 border= 0 align= center > <tbody> <tr> <td><img height= 199 border= 0 width= 35 style= display: block; name= experian_04 id= experian_04 <a href= target= _blank > src= imagens2.virtualtarget. com.br/imagem_04.jpg alt= /></td> <td><img height= 214 border= 0 width= 50 style= display: block; name= experian _05 id= experian _05 <a href= target= _blank >src= alt= /></td> <td><img height= 292 border= 0 width= 600 style= display: block; name= experian _06 id= experian _06 src= alt= /></td> <td><img height= 480 border= 0 width= 600 style= display: block; name= experian _07 id= experian _07 src= alt= /></td> </tr> </tbody> </table>

11 Fatiamento Simples No exemplo ao lado, temos um template criado no Photoshop de uma arte em jpeg. É um template composto por uma imagem única, sem mescla de textos como no exemplo anterior.no próprio Photoshop podemos fazer o fatiamento da imagem conforme abaixo, e nesse caso, fatiamos a peça em 6 partes similares de forma horizontal. Este caso funciona da mesma forma como no exemplo anterior. As imagens fatiadas devem ser hospedadas em um ambiente web para termos o caminho absoluto delas sempre composto por um endereço semelhante a este:

12 <html> <head> <meta http-equiv= Content-Type content= text/html; charset=isso /> <title>newsletter_experian</title> </head> <body bgcolor= #c2c2c2 > <table cellspacing= 0 cellpadding= 0 border= 0 align= center width= 600 > <tbody> <tr> <td><img height= 184 border= 0 width= 600 style= display: block; src= alt= Institucional /> </td> </tr> <tr> <td><img height= 199 border= 0 width= 600 style= display: block; src= alt= Experian Virtual Target /></td> </tr> <tr> <td><img height= 214 border= 0 width= 600 style= display: block; src= alt= Veja todos os recursos /></td> </tr> <tr> <td><img height= 199 border= 0 width= 600 style= display: block; src= alt= Certificação Return Path /> <tr> <td><img height= 214 border= 0 width= 600 style= display: block; src= alt= Solicite Online /> </td> </tr> <tr> <td><img height= 199 border= 0 width= 600 style= display: block; src=http://imagens2.virtualtarget.com.br/envio-11-11/imagem_04.jpg alt= rodapé /></td> </tr> </tbody> </table> </body> Perceba que o código é bem limpo e utiliza apenas tabela simples para diagramar as imagens fatiadas. O template possui largura width de 600 pixels respeitando as boas práticas. Todas as imagens estão no formato jpg ou gif, possuem os atributos de altura height, largura width e borda border, além do parâmetro Style= display:block;.

13 Formatação da tag alt O template não possui conteúdo de texto então a tag alt sugere um texto alternativo do conteúdo que existe em cada tag. Isso torna o Template mais atrativo aos destinatários além de promover o equilíbrio entre texto e imagem na peça. Exemplo: <img src= alt= A descrição da tag alt promove o equilíbrio entre texto e imagem border= 0 /> Veja abaixo como esse template chegaria com as imagens bloqueadas nos provedores. Observe que há uma diferença visual entre o uso do preenchimento da tag alt e o preenchimento aliado a formatação das tabelas. Essa formatação permitirá que o contato visualize a identidade visual da peça sem necessitar desbloquear as imagens, mais uma vez reforçando a idéia de torna-lo mais atrativo. Preenchimento da tag Alt, sem formatação das tabelas. Preenchimento da tag Alt + Formatação das tabelas Procure deixar seu código o mais limpo possível, removendo sujeiras que podem ser inseridas por softwares Adobe, Microsoft e outros.

14 2.4. HTML gerados por softwares do pacote Microsoft Office e Adobe Evite utilizar os softwares do Pacote Microsoft Office (Word, Excel, Publish) e Pacote Adobe (DreamWeaver e Photoshop) para gerar o código HTML de seu template. Normalmente, esses softwares utilizam várias tags que sujam o código com parâmetros de alinhamento não recomendados para marketing como rowspan e colspan. Esses atributos são usados para construção de websites mas não funcionam dentro dos provedores. O Word, por exemplo, gera códigos em XML que prejudicam a visualização do seu template. Construa o seu código HTML manualmente inserindo os parâmetros tag a tag. Para isso pode utilizar um software como o Dreamweaver ou bloco de notas, mas apenas para edição e não como uma ferramenta para gerar o código de forma automática. 3. Links Para alterar a cor dos links, insira a formatação de fonte dentro da tag <a>, como neste exemplo: <a href= target= _blank ><font face= Arial, Verdana, Sans-serif size= 2 color = #bbd034 >Experian Virtual Target </font></a> Caso necessário, você pode remover o sublinhado dos links através de CSS. Na tag <a>, insira o trecho style= text-decoration:none;. Isso irá remover o efeito de sublinhado do link. Em todos os links, insira o atributo target = blank, para assegurar que todos os links de destino serão abertos em novas janelas. Essa ação parece óbvia, mas alguns webmails carregam as páginas de destino na mesma janela - ou até mesmo dentro de sua interface. No template, insira um link para a Política de Privacidade de seu website. Se você não tem uma, pode utilizar um roteiro disponível no site da DMA - Direct Marketing Association (Em inglês):

15 4. Renderização nos Cliente de Veja abaixo uma breve análise de como se comportam os provedores (webmails e desktop) ao receber um template de marketing. O que aceitam, o que renderizam, o que apresenta problemas e deve ser evitado. Analisamos o comportamento dos principais webmails: Hotmail, Windows Live, Gmail, Yahoo Mail, Uol, Bol, Terra, e dos principais provedores Desktop: Outlook (versões 2003,2007,2010,2011 e Express), Thunderbird e Lotus Notes. 4.1 Webmails» Hotmail e Windows Live - Não suporta propriedades CSS Focus, margin, list-style-image e font-stretch. - Suporta a propriedade list-style-position apenas com o valor inside. - Para suportar o valor outside, não declarar a propriedade list-style-position. - Não suporta adequadamente a tag ol. - Bloqueia sempre as imagens mas exibe se o contato estiver adicionado à lista de confiáveis. - Exibe formulários mas mostra mensagem de segurança ao enviar. Suporta métodos Post e GET. - Não suporta vídeo e animações em Flash nas mensagens. - Não suporta os parâmetros de CSS: z-index, top, bottom, right, left, position, margin, list-style-position, list-style-image, font-stretch, border, background- position, background-repeat e background- -image. - Suporta apenas estilos inline, exceto os declarados dentro da tag <body>. - Não suporta Div ou qualquer outra propriedade de posicionamento, obrigando o uso de table, td e tr. - A propriedade background-color é suportada em qualquer tag, exceto body. - O único atributo funcional da tag body é o text, para definir o estilo de texto de toda a mensagem. - Não suporta os atributos cols e readonly da tag textarea. - Suporta GIF animado.» GMail - Não suporta CSS incorporado, apenas inline. - A propriedade CSS background-image agora é suportada no gmail. - Não suporta background-position, background-repeat, background-attachment. - O Gmail altera a cor dos links de preto para azul. Para manter a formatação deve-se usar código hexadecimal aproximado associado ao! que faz com que ele interprete a importância da cor nos links. - Insere por padrão links em textos que se assemelham a endereços web. A formatação desses textos deve ser feita separadamente para evitar tal ação do Gmail. - Não suporta o atributo MAP para imagens e OL para listas ordenadas. - Bloqueia todas as imagens da peça por padrão.

16 - Não suporta vídeo e animações em Flash nas mensagens. - Permite a exibição de vídeos do Youtube na área destinada aos anexos, quando a mensagem chega com um link de vídeo do Youtube. O vídeo só é exibido se o link estiver escrito no corpo da mensagem, e não embutido em uma tag <embed> ou <object>. - Exibe formulários mas mostra mensagem de segurança a enviar. Suporta métodos Post e GET. - Suporta GIF animado. Observação: O Hotmail e o Gmail, acrescenta um espaçamento de quase 5 pixels ao redor de todas as imagens. Isso pode prejudicar a correta visualização de templates compostos essencialmente por imagens. Esse problema pode ser corrigido através do atributo style= display:block inserido em todas as tags de imagem do HTML.» Yahoo Mail pixels de largura do templates - Não suporta Vídeo e objetos SWF nas mensagens - Exibe formulários mas mostra mensagem de segurança a enviar. - Bloqueia imagens, mas permite ao usuário configurar essa ação - Não suporta listas ordenadas em ol. - Suporta atributos background e text. - Reconhece mensagens com certificado digital - Suporta o posicionamento de elementos através de float e imagens como plano de fundo (exceto no body) - Não suporta posicionamento através das propriedades position, top, bottom, right, left ou z-index. - suporta a propriedade white-space. - Suporta GIF animado.» Uol e Bol - Todo remetente não autorizado receberá um Tira-teima*. Se respondido, a mensagem será liberada e enviada para a pasta de entrada. - Todas as mensagens de remetentes desconhecidos são direcionadas para a pasta Quarentena equivalente a Spam ou Lixo Eletrônico -, onde permanecem por 30 dias antes de serem excluídas automática e permanentemente. - O UOL não suporta a tributos CSS list-style e font-stretch e o uso de estilos dentro da tag <body>, onde a formatação é ignorada. - Na nova interface, nenhum tipo de formulário (get ou post) é suportado adequadamente. - Suporta tag style apenas inline. Estilos inseridos no cabeçalho (<head>) serão removidos. - Não suporta as tags de lista <ol>, <ul> e <li> - Não suporta o atributo border da tag <img> - Não suporta o atributo bgcolor para tabelas e células com o fundo definido em porcentagem. - Também suporta perfeitamente vídeos e objetos SWF. - Quando o Tira-Teima é executado as mensagens passam a chegar abertas, sem bloqueios. - Recomendado o uso de 530 px máximos para largura do template.

17 » Terra - As propriedades CSS não podem ser inseridas na tag body pois não serão interpretadas. - Não suporta z-index, position, top, left, margin, list-style-image, font-stretch e white-space. - Apresenta problemas de renderização com os atributos <strong> e <em> mas suporta <b> e <i> para reproduzir os mesmos efeitos. - Apresenta problemas para renderizar corretamente o espaçamento com a tag <p>. A solução é utilizar padding visto que margin não é suportado pelo provedor Terra e demais clientes de web. - Bloqueia imagens por padrão. - Suporta formulários mas possui algumas restrições para cada método (post e GET) sendo necessários testes para cada form. usado. - Não suporta animações em Flash e vídeos no formato SWF. - Suporta GIF animado. - Recomendado o uso de 600 pixels de largura para templates Provedores Desktop» Outlook - Quando o usuário encaminha o HTML recebido para outro destinatário, ele entra no modo de edição e composição da nova mensagem e o Outlook troca seu mecanismo de renderização para o Microsoft Word, prejudicando a renderização. - Todas as versões analisadas do Outlook bloqueiam as imagens de remetentes desconhecidos. Por isso, é importante incluir, em todos os s marketing, uma mensagem de whitelist, - Não utilizar CSS para formatação e posicionamento dos elementos da mensagem, e utilizar apenas a diagramação em tabelas. - Outlook 2007 e 2010 não suporta o parâmetro background-image. Este é suportado pelo Outlook 2003 e express. - Outlook 2011 suporta quase todos os atributos CSS, salvo alguns atributos de imagens em background. - Outlook 2007/2010 não renderiza adequadamente mapeamento de imagens. Costuma desordenar os links dessas imagens mesmo exibindo-as. - script, iframe, applet, bdo, isindex, menu, noframes, noscript e q. também não são suportados pelo outlook 2007/ Os Outlooks 2003 e Express, ao contrário, suportam o atributo background e não têm problemas com cores de fundo em elementos aninhados. As restrições aos eventos de javascript (onblur, onchange, onclick etc) permanecem. - Nos Outlooks 2003 e 2007, todas as formatações de texto para imagem serão ignoradas e os avisos de segurança com as alt tags serão exibidas na fonte padrão do sistema. - No Outlook Express, as especificações de tipo e tamanho de fonte serão ignoradas e apenas a cor atribuída será exibida. - O Outlook 2007/2010 não suporta formulários (<form>), desabilitando a funcionalidade do action e até mesmo alterando a aparência de certos elementos (checkbox e radio buttons, por exemplo). - O Outlook 2003, apesar de exibir corretamente todos os elementos do formulário, desabilita o action, impossibilitando o envio dos dados inseridos nos campos. - Outlook Express, ao contrário dos demais, permite o envio dos dados normalmente, pois não altera

18 a aparência dos elementos do formulário e não desabilita o action. - Nenhuma das versões suporta Flash e vídeo nas mensagens. - O Outlook 2003 e Express suportam corretamente o GIF animado mas nas demais versões que utilizam Word como mecanismo de renderização, não funciona, mostrando apenas o primeiro frame estático do GIF. Veja abaixo, demais parâmetros de CSS não suportadas pelo Outlook: Outlook 2003 e express não suporta: border-spacing caption-side empty-cells list-style-image font-stretch font-size-adjust white-space» Thunderbird - Bloqueia imagens automaticamente no recebimento e mostra mensagem de segurança no cabeçalho. Elas chegam abertas se o contato já existir como confiável - Suporta formulários mas possui algumas restrições para cada método (post e GET) sendo necessários testes para cada form. usado. - Objetos SWF não são suportados por nenhum destes clientes de , não importando se o objeto for inserido através de Javascript, que é naturalmente bloqueado, ou através da tag <object>. - suporte a imagens em GIF. - Recomendado o uso de 600 pixels de largura para templates. - A formatação de fonte em CSS não deve ser inserida no BODY (seja da forma inline ou incorpora-

19 da), mas sim, na própria tag que contiver o texto (p, a, table etc). - A formatação de tamanho de fonte inserida no body não é aplicada a nenhum elemento de texto do templates. - Renderiza o HTML da mesma forma que um browser, não importando se o código HTML traz os estilos CSS inline ou incorporado (dentro do HEAD).» Lotus Notes - Não suporta animações e vídeos (java script não é suportado) - Não aceita folhas de estilo CSS removendo a formatação usada. - Imagens em tamanhos muito grandes faz com ele renderize a peça com erro ou não exiba as imagens. - Não reconhece colspan e rowspan, prejudicano o alinhamento do template. - No mais, o Lotus notes possui o mesmo comportamento que o Outlook 2007/ Propriedades de HTML e CSS que são aceitas pelos clientes de De acordo com os testes realizados pela equipe de suporte Virtual Target, foi constatado que alguns atributos não são visualizados corretamente em alguns clientes de . As principais considerações acerca dos tópicos analisados são: Suporte a HTML A grande maioria das tags é suportada, com poucas exceções. O Terra Mail (versão clássica) é o único que não suporta as tags strong, em e del. O Outlook 2007 não suporta nenhuma tags de nenhum componente de formulário Suporte a formulários Os webmails BOL, UOL e Hotmail, assim como o desktop Outlook 2007, não suportam formulários. Os primeiros até exibem os campos corretamente, mas não permitem o envio das informações. O Outlook 2007 não exibe nem os campos dos formulários, trocando-os por caracteres como [] e () para impedir o preenchimento e envio das informações Suporte a vídeos e animações Talvez uma grande evolução no suporte a conteúdo multimídia dentro do tenha sido conseguida com o fato dos webmails BOL e UOL (nova interface) passarem a suportar mensagens com vídeos e animações SWF. O Gmail também deu um pequeno passo nessa direção quando anunciou o suporte a vídeos do Youtube dentro das mensagens. Os demais clientes de não oferecem suporte a vídeos e nem animações SWF. O único tipo de animação aceita é a imagem em formato GIF animado. O Outlook 2007, porém, não suporta este tipo de imagem.

20 Suporte a CSS Dentre as três formas de utilizar CSS em layouts para a web, a inline é a mais aceita pelos clientes de . CSS em folhas de estilo externas são aceitas apenas por clientes de desktop, como Thunderbird, Outlook e Windows Mail. Suporte para CSS mesmo simples, varia consideravelmente entre os clientes de , e até mesmo versões diferentes do mesmo cliente. Utilize apenas CSS inline, que é suportado pela grande maioria dos clientes de . Além das propriedades de posicionamento, o Outlook 2007 não suporta width ou height de CSS. Prefira atribuir larguras e alturas aos elementos através de seus respectivos atributos HTML. Abaixo apresentamos uma lista dos principais parâmetros de CSS e atributos suportados pelos principais clientes de (Webmail, Desktop, Mobile) atualmente. Atributos CSS INLINE/STYLE A LINK /LINKS ÂNCORAS TEXT DECORATION TARGET TEXT ALIGN VERTICAL ALIGN VALIGN MARGIN PADDING DISPLAY FONT FONT FAMILY FONT SIZE FONT STYLE WIDTH HEIGHT BORDER FLOAT UL, LI EM BACKGROUND - COLOR TOP; BOTTOM,RIGHT,LEFT,MIDDLE STRONG CLEAR LIST STYLE POSITION COLOR LETTER SPACING LINE - HEIGTH ALIGN SIZE BORDER ALT BGCOLOR VSPACE HSPACE Formato das imagens JPG GIF PNG GIF ANIMADO Tags BODY TABLE TR TD IMG TITLE FONT A HREF BR P

Manual para a produção de templates de email marketing

Manual para a produção de templates de email marketing Janeiro de 2011 Manual para a produção de templates de email marketing Devido ao Código de Autorregulamentação do Email Marketing, www.virtualtarget.com. br/documentacao/codigo-autorregulamentacao-email-marketing,

Leia mais

agosto 2006 Manual de boas práticas de HTML para a produção de templates versão 1.0 / 2007 www.virtualtarget.com.br

agosto 2006 Manual de boas práticas de HTML para a produção de templates versão 1.0 / 2007 www.virtualtarget.com.br manual do cliente agosto 2006 Manual de boas práticas de HTML para a produção de templates versão 1.0 / 2007 www.virtualtarget.com.br introdução Este manual foi desenvolvido para auxiliar os usuários da

Leia mais

Manual de boas práticas de HTML para a produção de newsletters

Manual de boas práticas de HTML para a produção de newsletters Objetivo Este documento tem como objetivo ajudar os designers e desenvolvedores a produzir um email marketing eficaz e de acordo com as normas anti-spam. Algumas das dicas aqui informadas são aplicadas

Leia mais

Manual para a produção de templates de email marketing

Manual para a produção de templates de email marketing Julho de 2010. Manual para a produção de templates de email marketing Devido ao Código de Autorregulamentação do Email Marketing, www.virtualtarget.com. br/documentacao/codigo-autorregulamentacao-email-marketing,

Leia mais

Manual para a produção de templates de email marketing

Manual para a produção de templates de email marketing Manual para a produção de templates de email marketing Introdução Este manual foi desenvolvido para auxiliar os usuários da Virtual Target a desevolverem o HTML de um template de forma a melhorar o resultado

Leia mais

Coleção - Análises de email marketing em clientes de email

Coleção - Análises de email marketing em clientes de email Coleção - Análises de email marketing em clientes de email Introdução Nesta sexta e penúltima edição da Coletânea de Análises de Email Marketing em Clientes de Email, apresentamos os estudos dos clientes

Leia mais

Manual para a produção de templates de email marketing

Manual para a produção de templates de email marketing Manual para a produção de templates de email marketing Este manual foi desenvolvido para auxiliar nossos leitores a desevolverem o HTML de um template de forma a melhorar o resultado final dos envios efetuados

Leia mais

Coleção - Análises de email marketing em clientes de email

Coleção - Análises de email marketing em clientes de email Coleção - Análises de email marketing em clientes de email Thunderbird e Terra Nesta terceira edição da Coletânea de Análises de Email Marketing em Clientes de Email, apresentamos os estudos do webmail

Leia mais

Checklist para ações de E-mail Marketing

Checklist para ações de E-mail Marketing Checklist para ações de E-mail Marketing Os tópicos abordados neste checklist são úteis antes de começar e depois de concluir o desenvolvimento de uma mensagem de email marketing, pois abrange desde os

Leia mais

Coleção - Análises de email marketing em clientes de email

Coleção - Análises de email marketing em clientes de email Coleção - Análises de email marketing em clientes de email Introdução Nesta quinta edição da Coletânea de Análises de Email Marketing em Clientes de Email, apresentamos o estudo do Windows Mail, um cliente

Leia mais

Coleção - Análises de email marketing em clientes de email

Coleção - Análises de email marketing em clientes de email Coleção - Análises de email marketing em clientes de email Introdução O Gmail possui duas versões distintas para seu webmail: uma mais recente, que é a versão atual utilizada pelos usuários de Gmail, e

Leia mais

Manual de boas práticas de HTML para a produção de templates

Manual de boas práticas de HTML para a produção de templates Manual de boas práticas de HTML para a produção de templates Todos os Direitos Reservados ÍNDICE Introdução Sobre a APADI Sobre a VIRID Desenvolvimento de Template Formato Cabeçalho e Rodapé da Mensagem

Leia mais

Coleção - Análises de email marketing em clientes de email

Coleção - Análises de email marketing em clientes de email Coleção - Análises de email marketing em clientes de email Introdução Nesta útima edição da Coletânea de Análises de Email Marketing em Clientes de Email, apresentamos os estudos dos clientes Yahoo! Mail

Leia mais

MANUAL DE BOAS PRÁTICAS

MANUAL DE BOAS PRÁTICAS MANUAL DE BOAS PRÁTICAS Este manual é de uso exclusivo de clientes, parceiros, fornecedores e colaboradores da Dinamize. No caso de dúvidas, entre em contato através do e-mail suporte@dinamize.com. HTML

Leia mais

Dicas para envio de e-mail marketing que garantem eficácia em suas campanhas

Dicas para envio de e-mail marketing que garantem eficácia em suas campanhas SAIBA MAIS Dicas para envio de e-mail marketing que garantem eficácia em suas campanhas Equipe Elancers - Maio/2013 A Elancers VagasOnline é um site de empregos e tem mais de 5 milhões de CPF s em formato

Leia mais

Melhores Práticas em Design para Email Marketing

Melhores Práticas em Design para Email Marketing Melhores Práticas em Design para Email Marketing Índice 1. Boas práticas na criação de peças de Email Marketing 2. Identificação de Características para Pontuação Anti-Spam 2 1 BOAS PRÁTICAS NA CRIAÇÃO

Leia mais

Checklist para ações de email marketing

Checklist para ações de email marketing Checklist para ações de email marketing Publicado em: 15/01/2008 Planejamento Quais os objetivos da campanha (atrair mais visitantes ao site, aumentar as vendas de produtos, conquistar a fidelidade dos

Leia mais

Manual de Boas Maneiras no E-mail Marketing

Manual de Boas Maneiras no E-mail Marketing Manual de Boas Maneiras no E-mail Marketing Conheça alguns cuidados que você precisa ter quando elaborar suas campanhas de e- mail marketing. A MailSender elaborou para você um breve manual com as melhores

Leia mais

MANUAL DE BOAS PRÁTICAS

MANUAL DE BOAS PRÁTICAS MANUAL DE BOAS PRÁTICAS Este manual é de uso exclusivo de clientes, parceiros, fornecedores e colaboradores da Dinamize. No caso de dúvidas, entre em contato através do e-mail suporte@dinamize.com. HTML

Leia mais

> Herbet Ferreira Rodrigues > contato@herbetferreira.com

> Herbet Ferreira Rodrigues > contato@herbetferreira.com Curso HTML & CSS > Herbet Ferreira Rodrigues > contato@herbetferreira.com Sumário > Apresentação > Introdução ao HTML História Começando a Programar > Tags em HTML Headings (Cabeçalhos) Parágrafos Formatação

Leia mais

Email marketing para o B2C Publicado em: 24/06/2008

Email marketing para o B2C Publicado em: 24/06/2008 Email marketing para o B2C Publicado em: 24/06/2008 Direcionar o email marketing - assim como qualquer outra comunicação de acordo com o perfil da audiência é fundamental. Para o ecommerce B2C, existem

Leia mais

Configurações de envio com o uso de RSS

Configurações de envio com o uso de RSS Configurações de envio com o uso de RSS Saiba como integrar o email marketing ao RSS e torne o processo de alimentação de conteúdo de newsletters automatizado. Configuração de envios com o uso de RSS Visão

Leia mais

1. E-mail Marketing. 2. Principais componentes do E-mail Marketing. Remetente. Assunto

1. E-mail Marketing. 2. Principais componentes do E-mail Marketing. Remetente. Assunto 1. E-mail Marketing Primeiro é preciso pensar no produto ou serviço oferecido para, no layout, ressaltar as qualidades sejam elas institucionais ou condições comerciais. Para a abertura do e-mail, é importante

Leia mais

Roteiro 2: Conceitos de Tags HTML

Roteiro 2: Conceitos de Tags HTML Roteiro 2: Conceitos de Tags HTML Objetivos Detalhar conceitos sobre TAGS HTML: elementos, atributos, elemento vazio, links. Implementar páginas de internet com uso da linguagem HTML; Ferramentas Necessárias

Leia mais

1. HTML - Introdução. Hyper Text Markup Language. É uma linguagem de formatação de conteúdos. Portável. Ficheiros de pequena dimensão

1. HTML - Introdução. Hyper Text Markup Language. É uma linguagem de formatação de conteúdos. Portável. Ficheiros de pequena dimensão 1. HTML - Introdução Hyper Text Markup Language É uma linguagem de formatação de conteúdos Não é uma linguagem de programação Portável Não depende da plataforma em que é vizualizado Ficheiros de pequena

Leia mais

4. Características Gerais das Tabelas do HTML

4. Características Gerais das Tabelas do HTML 4. Características Gerais das Tabelas do HTML Curso de Extensão em HTML PUCRS A criação de uma tabela começa pelo tag e termina pelo tag. Antes do texto de cada linha da tabela você deve inserir o tag

Leia mais

Coleção - Análises de email marketing em clientes de email

Coleção - Análises de email marketing em clientes de email Coleção - Análises de email marketing em clientes de email Introdução Os clientes de email Outlook, da Microsoft, são utilizados principalmente para emails corporativos. Isso significa que os negócios

Leia mais

Tabela de pontos das regras antispam

Tabela de pontos das regras antispam Tabela de pontos das regras antispam Publicado em: 14/04/2008 Utilize as regras antispam ao seu favor Um dos fatores determinantes para a entrega de emails marketing nas caixas de entrada dos destinatários

Leia mais

Email marketing: os 10 erros mais comuns

Email marketing: os 10 erros mais comuns Email marketing: os 10 erros mais comuns Publicado em: 18/02/2008 Não ter permissão dos contatos para enviar mensagens Um dos princípios fundamentais do email marketing é trabalhar apenas com contatos

Leia mais

Curso PHP Básico. Jairo Charnoski do Nascimento

Curso PHP Básico. Jairo Charnoski do Nascimento Curso PHP Básico Jairo Charnoski do Nascimento Agenda Ferramentas necessárias Introdução HTML HTML? Tags Construindo seu primeiro website Observações sobre a estrutura Mais tags Atributos Agenda Cores

Leia mais

Programação web Prof. Wladimir

Programação web Prof. Wladimir Programação web Prof. Wladimir HTML @wre2008 1 Sumário Histórico; Resumo XHTML; Tags; Edição de documentos HTML; Publicação de um documento; Estrutura básica de um documento HTML; Edição de documentos

Leia mais

Programação para Internet I

Programação para Internet I Programação para Internet I Aula 05 e 06 Fernando F. Costa nando@fimes.edu.br 1 Tags de Formatação de Texto - Permite que um texto se mova de um lado para o outro da página. Sintaxe:

Leia mais

Introdução à Tecnologia Web HTML HyperText Markup Language XHTML extensible HyperText Markup Language Seção do Corpo Imagens

Introdução à Tecnologia Web HTML HyperText Markup Language XHTML extensible HyperText Markup Language Seção do Corpo Imagens IntroduçãoàTecnologiaWeb HTML HyperTextMarkupLanguage XHTML extensiblehypertextmarkuplanguage SeçãodoCorpo Imagens ProfªMSc.ElizabeteMunzlinger ProfªMSc.ElizabeteMunzlinger SeçãodoCorpo Imagens Índice

Leia mais

Índice. E-mail Marketing Nomer. www.nomer.com.br

Índice. E-mail Marketing Nomer. www.nomer.com.br Índice 1 - Visão geral... 2 2 - Acessando o E-mail Marketing Nomer... 2 3 - Passos para concluir o envio de uma campanha... 5 4 - Recursos... 6 4.1 - Listas de contatos... 6 4.2 - Cadastros de contatos

Leia mais

Mensagens HTML Eficazes

Mensagens HTML Eficazes Guia rápido sobre... Mensagens HTML Eficazes Neste guia... Vamos mostrar alguns meios fáceis e eficazes de cativar seus assinantes, aumentar os níveis de abertura de suas mensagens e obter melhores resultados

Leia mais

Procuramos criar um manual que sirva como uma referência rápida para você.

Procuramos criar um manual que sirva como uma referência rápida para você. Índice 1 Visão geral 2 Acessando o E-mail Marketing 3 Passos para concluir o envio de uma campanha 4 Recursos 4.1 Listas de contatos 4.2 Cadastros de contatos (destinatários) 4.2.1 Adicionando um contato

Leia mais

Introdução ao. Email Marketing

Introdução ao. Email Marketing Email Marketing SUMÁRIO O poder do Email Marketing no Marketing Digital 3 Por que tratar sua base com muito respeito 5 Os diferentes tipos de emails para diferentes objetivos 7 Boas práticas para código

Leia mais

Introdução. História. Como funciona

Introdução. História. Como funciona Introdução O HTML é uma linguagem de marcação utilizada para desenvolvimento de sites. Esta linguagem surgiu junto com o HTTP, ambos possibilitaram a internet ser popularizada. História O HTML foi criado

Leia mais

4.14 - Imagens: src único atributo que não pode ser omitido neste TAG Nota: img

4.14 - Imagens: <img src=...> src <img src=tecnologia.jpg> único atributo que não pode ser omitido neste TAG Nota: img 4.14 - Imagens: O TAG utilizado para a inclusão de imagens em páginas html é o: O atributo src especifica o local onde está a imagem e o seu nome. Nas páginas pessoais é mais comum o uso

Leia mais

INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DO RN - IFRN APOSTILA: AUTORIA WEB PROFESSOR: ADDSON ARAÚJO DA COSTA SANTA CRUZ - RN

INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DO RN - IFRN APOSTILA: AUTORIA WEB PROFESSOR: ADDSON ARAÚJO DA COSTA SANTA CRUZ - RN INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DO RN - IFRN APOSTILA: AUTORIA WEB PROFESSOR: ADDSON ARAÚJO DA COSTA SANTA CRUZ - RN Sumário 1. Introdução...1 2. Tags...1 3. HTML...1 4. Cabeça, Corpo

Leia mais

Desenvolvedor Web Docente André Luiz Silva de Moraes

Desenvolvedor Web Docente André Luiz Silva de Moraes Roteiro 2: Introdução a Linguagem HTML Neste roteiro é explorada a linguagem HTML. A linguagem HTML (Hypertext Markup Language) é amplamente utilizada na construção de páginas de internet e é responsável

Leia mais

4.14 - Imagens: SRC único atributo que não pode ser omitido neste tag Nota: img

4.14 - Imagens: <IMG SRC=...> SRC <IMG SRC=tecnologia.jpg> único atributo que não pode ser omitido neste tag Nota: img 4.14 - Imagens: O tag utilizado para a inclusão de imagens em páginas html é o: O atributo SRC especifica o local aonde está a imagem e o seu nome. Nas páginas pessoais é mais comum o uso

Leia mais

Lista e Tabelas. Fundamentos da Linguagem Web

Lista e Tabelas. Fundamentos da Linguagem Web Lista e Tabelas Fundamentos da Linguagem Web Bruno Angelo Medeiros Março de 2015 LISTAS O que são? Tipos Ordenadas Não ordenadas De definição Exemplos Exercícios LISTAS - O QUE SÃO? São uma forma de organização

Leia mais

PDI 1 - Projeto e Design de Interfaces Web

PDI 1 - Projeto e Design de Interfaces Web Introdução a HTML e XHTML Elementos básicos parte 2 Professor: Victor Hugo L. Lopes Agenda: --Adicionando imagens; --Trabalhando com vídeos e sons em HTML; Disponível em http://wp.me/p48yvn-43 2 Inserindo

Leia mais

Apostila CSS - Introdução à folha de estilos

Apostila CSS - Introdução à folha de estilos Apostila CSS - Introdução à folha de estilos Este documento é propriedade intelectual do Núcleo de Educação a distância da NRsystem e distribuído sob os seguintes termos: 1. As apostilas publicadas pelo

Leia mais

HTML. Conceitos básicos de formatação de páginas WEB

HTML. Conceitos básicos de formatação de páginas WEB HTML Conceitos básicos de formatação de páginas WEB HTML HyperText Markup Language Linguagem utilizada para criar hipertexto na web Ou seja, criar documentos estruturados utilizando para tal um conjunto

Leia mais

Aula 03: Noções Fundamentais do CSS, Formatação de Fonte e Inserção de Imagens

Aula 03: Noções Fundamentais do CSS, Formatação de Fonte e Inserção de Imagens Aula 03: Noções Fundamentais do CSS, Formatação de Fonte e Inserção de Imagens Tag para inserir imagens e HTML O modelo CSS Noções fundamentais e funcionamento do CSS Incluindo estilos em uma página Sintaxe

Leia mais

Marketing Digital de resultado para PMEs. Introdução ao Email Marketing

Marketing Digital de resultado para PMEs. Introdução ao Email Marketing Marketing Digital de resultado para PMEs Introdução ao Email Marketing 1 Sumário 1. O poder do Email Marketing no Marketing Digital 2. Por que tratar sua base com muito respeito 3. Os diferentes tipos

Leia mais

Desenvolvimento de Sites com PHP e Mysql Docente André Luiz Silva de Moraes

Desenvolvimento de Sites com PHP e Mysql Docente André Luiz Silva de Moraes Roteiro 2: Introdução a Linguagem HTML Desenvolvimento de Sites com PHP e Mysql Neste roteiro é explorada a linguagem HTML. A linguagem HTML (Hypertext Markup Language) é amplamente utilizada na construção

Leia mais

Ferramentas para Multimídia e Internet - 1486

Ferramentas para Multimídia e Internet - 1486 1 Ferramentas para Multimídia e Internet - 1486 HTML BÁSICO: O que é uma página WEB? Uma página WEB, também conhecida pelo termo inglês webpage, é uma "página" na World Wide Web, geralmente em formato

Leia mais

M anual: e-m ail M arketing

M anual: e-m ail M arketing M anual: e-m ail M arketing Introdução Obrigado por ter contratado nosso servico de E-mail marketing LojasVirtuais.NET. Procuramos criar um manual que sirva como uma referencia rápida para você. Como sempre

Leia mais

Mini-curso de PHP. Aulas ministradas por: André Luis de Paula Arthur Kalsing Diego Silva

Mini-curso de PHP. Aulas ministradas por: André Luis de Paula Arthur Kalsing Diego Silva Mini-curso de PHP Aulas ministradas por: André Luis de Paula Arthur Kalsing Diego Silva Aula 1 Breve introdução de HTML, Conceitos básicos de PHP, Sintaxe, Separador de instruções e Comentários (Cap 1

Leia mais

Responsive Web Design

Responsive Web Design Professor: http://jemaf.github.com DESENVOLVIMENTO DE APLICAÇÕES WEB - INFORMATICA - COLTEC/UFMG 2014 Introdução Atualmente, a web é acessada de qualquer lugar, em qualquer dispositivo. Acesso a web: Anos

Leia mais

Faculdade de Ciências Médicas FCM Unicamp Núcleo de Tecnologia de Informação NTI

Faculdade de Ciências Médicas FCM Unicamp Núcleo de Tecnologia de Informação NTI Manual do usuário Desenvolvendo páginas em Drupal Faculdade de Ciências Médicas FCM Unicamp Núcleo de Tecnologia de Informação NTI Conteúdo Primeiro Passo... 3 1.1 Login... 3 1.2 Recuperando a Senha...

Leia mais

Introdução à Tecnologia Web

Introdução à Tecnologia Web Introdução à Tecnologia Web HTML HyperText Markup Language XTML extensible HyperText Markup Language Elementos da Seção do Corpo Tabelas Formulários Professor Alan Cleber Borim www.alanborim.com.br Índice.

Leia mais

Entregabilidade nos provedores A entregabilidade é um grande desafio para as ações de e-mail marketing no mercado brasileiro. Confira dicas para

Entregabilidade nos provedores A entregabilidade é um grande desafio para as ações de e-mail marketing no mercado brasileiro. Confira dicas para provedores A entregabilidade é um grande desafio para as ações de e-mail marketing no mercado brasileiro. Confira dicas para aumentar a entregabilidade nos provedores Hotmail, Gmail e Yahoo!Mail. provedores

Leia mais

WebDesign. Professor: Paulo Trentin paulo@paulotrentin.com.br http://www.paulotrentin.com.br. Escola CDI de Videira

WebDesign. Professor: Paulo Trentin paulo@paulotrentin.com.br http://www.paulotrentin.com.br. Escola CDI de Videira WebDesign Professor: Paulo Trentin paulo@paulotrentin.com.br http://www.paulotrentin.com.br Escola CDI de Videira Entendendo Alguns Conceitos Antes de prosseguirmos é importante ter em mente o motivo pelo

Leia mais

Programação para Internet

Programação para Internet Programação para Internet Aula 09 Os direitos desta obra foram cedidos à Universidade Nove de Julho Este material é parte integrante da disciplina oferecida pela UNINOVE. O acesso às atividades, conteúdos

Leia mais

Web Design Aula 01. No Caderno Responda as Questões abaixo

Web Design Aula 01. No Caderno Responda as Questões abaixo Aula 01 1 O que é Web Design? 2 Qual a diferença entre Web Design e Web Designer? 3 O que são Sites ou Páginas? Cite 3 tipos de Sites. 4 O que é um Navegador? 5 O que são Servidores e o que são Protocolos?

Leia mais

Índice. E-mail Marketing DLopes

Índice. E-mail Marketing DLopes Índice 1 - Visão geral... 2 2 - Acessando o E-mail Marketing DLopes... 2 3 - Passos para concluir o envio de uma campanha... 5 4 - Recursos... 6 4.1 - Listas de contatos... 6 4.2 - Cadastros de contatos

Leia mais

Manual de Programação Basic para iniciantes. Manual de auxílio para personalização de mensagens com o uso de programação BASIC

Manual de Programação Basic para iniciantes. Manual de auxílio para personalização de mensagens com o uso de programação BASIC Manual de Programação Basic para iniciantes Manual de auxílio para personalização de mensagens com o uso de programação BASIC Programação BASIC para quem não é programador Você, cliente da plataforma Virtual

Leia mais

Por que aprender a fazer tabelas? Tabelas auxiliam na formatação da página, e é por essa razão que eles foram acrescentados à linguagem html

Por que aprender a fazer tabelas? Tabelas auxiliam na formatação da página, e é por essa razão que eles foram acrescentados à linguagem html Por que aprender a fazer tabelas? Tabelas auxiliam na formatação da página, e é por essa razão que eles foram acrescentados à linguagem html Tabela de dados Tabelas para alinhar texto Tabelas para conter

Leia mais

QUEM FEZ O TRABALHO?

QUEM FEZ O TRABALHO? Introdução a Linguagem HTML: Conceitos Básicos e Estrutura ANA PAULAALVES DE LIMA 1 QUEM FEZ O TRABALHO? Com as tagsaprendidas hoje, faça uma página HTML sobre você com as seguintes informações: Seu nome

Leia mais

Plano de Aula - Dreamweaver CS6 - cód.5232 24 Horas/Aula

Plano de Aula - Dreamweaver CS6 - cód.5232 24 Horas/Aula Plano de Aula - Dreamweaver CS6 - cód.5232 24 Horas/Aula Aula 1 Capítulo 1 - Introdução ao Dreamweaver CS6 Aula 2 Continuação do Capítulo 1 - Introdução ao Dreamweaver CS6 Aula 3 Capítulo 2 - Site do Dreamweaver

Leia mais

Manual de Integração Via Gadget. Passo a passo para realizar a integração entre websites e a plataforma Virtual Target.

Manual de Integração Via Gadget. Passo a passo para realizar a integração entre websites e a plataforma Virtual Target. Manual de Integração Via Gadget Passo a passo para realizar a integração entre websites e a plataforma Virtual Target. Manual de Integração Via Gadget 1. Introdução 1.1. O que é? Virtual Target Gadgets

Leia mais

AULA 3 FERRAMENTAS E APLICATIVOS DE NAVEGAÇÃO, DE CORREIO ELETRÔNICO, DE GRUPOS DE DISCUSSÃO, DE BUSCA E PESQUISA (PARTE II)

AULA 3 FERRAMENTAS E APLICATIVOS DE NAVEGAÇÃO, DE CORREIO ELETRÔNICO, DE GRUPOS DE DISCUSSÃO, DE BUSCA E PESQUISA (PARTE II) AULA 3 FERRAMENTAS E APLICATIVOS DE NAVEGAÇÃO, DE CORREIO ELETRÔNICO, DE GRUPOS DE DISCUSSÃO, DE BUSCA E PESQUISA (PARTE II) A seguir vamos ao estudo das ferramentas e aplicativos para utilização do correio

Leia mais

Observações importantes:

Observações importantes: Fundação CECIERJ - Vice Presidência de Educação Superior a Distância Curso de Tecnologia em Sistemas de Computação Disciplina Criação de Páginas de WEB AD1 1 semestre de 2014. Observações importantes:

Leia mais

Como Criar uma Nova Campanha. Série Manuais

Como Criar uma Nova Campanha. Série Manuais Como Criar uma Nova Campanha Série Manuais Como Criar uma Nova Campanha de Email 2 INTRODUÇÃO Para melhorar a qualidade de envio e o gerenciamento das campanhas de email marketing de nossos clientes, estamos

Leia mais

Presskit Guia Rápido. Release 2.0. Presskit

Presskit Guia Rápido. Release 2.0. Presskit Presskit Guia Rápido Release 2.0 Presskit 06/07/2009 Sumário 1 Login 2 Login e Senha...................................... 2 Esqueci minha senha.................................. 2 Fale Com o Suporte...................................

Leia mais

Customização de Interface - Página Inicial

Customização de Interface - Página Inicial Customização de Interface - Página Inicial Sumário 1. Logo... 4 1.1. Edição... 4 2. Inputs - formulários... 4 2.1. Busca... 4 2.2. Novidades... 4 3. Fontes... 5 3.1. Cores (color)... 5 3.2. Tamanho (font-size)...

Leia mais

HTML Curso Básico HTML CURSO BÁSICO Aprenda os conceitos iniciais de HTML em alguns minutos.

HTML Curso Básico HTML CURSO BÁSICO Aprenda os conceitos iniciais de HTML em alguns minutos. HTML CURSO BÁSICO Aprenda os conceitos iniciais de HTML em alguns minutos. 1 Índice 1 - INTRODUÇÃO 3 2 - TAGS 3 3 - EDITORES 3 4 - SALVANDO UMA PAGINA HTML 3 5 - INICIANDO UMA PÁGINA 3 6 - CONSTRUINDO

Leia mais

Introdução ao HTML Hypertext Markup Language

Introdução ao HTML Hypertext Markup Language Introdução ao HTML Hypertext Markup Language Prof. Marcus Ramos Tags São comandos que são inseridos juntamente com o texto a ser apresentado, e que definem a forma como o mesmo será exibido na tela do

Leia mais

Série Manuais. Manual para montagem de e-mail marketing

Série Manuais. Manual para montagem de e-mail marketing Série Manuais Manual para montagem de e-mail marketing www.allinmail.com.br introdução Como seus clientes recebem seus e-mails? webmail Gmail Webmail Yahoo! Mail webmail UOL e BOL Cliente de email Windows

Leia mais

Sistemas Enturma: Manual de Ferramentas do Usuário

Sistemas Enturma: Manual de Ferramentas do Usuário versão do manual: 1 1 Apresentação A evolução da tecnologia vem provocando uma revolução no ensino. O acesso à Internet e a disseminação do uso do computador vêm mudando a forma de produzir, armazenar

Leia mais

Bem- Vindo ao manual de instruções do ECO Editor de COnteúdo.

Bem- Vindo ao manual de instruções do ECO Editor de COnteúdo. Manual de Instruções ECO Editor de Conteúdo Bem- Vindo ao manual de instruções do ECO Editor de COnteúdo. O ECO é um sistema amigável e intui?vo, mas abaixo você pode?rar eventuais dúvidas e aproveitar

Leia mais

Conheça Melhor a Loja Virtual ASP

Conheça Melhor a Loja Virtual ASP Proposta para Instalação da Loja Virtual Grátis no mês de junho 2011 O comércio eletrônico não é um bicho de 7 cabeças Ter sua loja virtual, agora ficou mais fácil ainda! Sem necessidade de saber programação

Leia mais

OPERAÇÃO DE SOFTWARE E APLICATIVOS

OPERAÇÃO DE SOFTWARE E APLICATIVOS OPERAÇÃO DE SOFTWARE E APLICATIVOS 1 SUMÁRIO 1 INTRODUÇÃO A WEB... 4 1.1 O QUE É A WORLD WIDE WEB?... 4 1.2 COMO FUNCIONA A WWW?... 4 1.3 SERVIDORES WEB... 4 1.4 BROWSERS... 4 1.5 PADRÕES DA WEB... 5 1.6

Leia mais

Programação HTML Construção de Páginas para WEB 47

Programação HTML Construção de Páginas para WEB 47 Programação HTML Construção de Páginas para WEB 47 INICIANDO EXEMPLO3.HTML Crie um novo arquivo html chamado exemplo3.html dentro da pasta exemplos. Após os exercícios e trabalhos anteriores, nossa pasta

Leia mais

UNIVERSIDADE PAULISTA UNIP EMENTA E CONTEÚDO PROGRAMÁTICO. I. Ementa HTML e XHTML, de estrutura e marcação utilizados na sua composição; CSS.

UNIVERSIDADE PAULISTA UNIP EMENTA E CONTEÚDO PROGRAMÁTICO. I. Ementa HTML e XHTML, de estrutura e marcação utilizados na sua composição; CSS. UNIVERSIDADE PAULISTA UNIP EMENTA E CONTEÚDO PROGRAMÁTICO Instituto de Ciências Exatas e Tecnologia Curso: Ciência da Computação e Sistemas de Informação Série: 1º semestre Disciplina: Programação de Computadores

Leia mais

UNIVERSIDADE PAULISTA UNIP EMENTA E CONTEÚDO PROGRAMÁTICO

UNIVERSIDADE PAULISTA UNIP EMENTA E CONTEÚDO PROGRAMÁTICO UNIVERSIDADE PAULISTA UNIP EMENTA E CONTEÚDO PROGRAMÁTICO Instituto de Ciências Exatas e Tecnologia Curso: Ciência da Computação e Sistemas de Informação Série: 1º semestre Disciplina: Laboratório de Práticas

Leia mais

Programação e Designer para WEB

Programação e Designer para WEB Programação e Designer para WEB html Prof. Rodrigo Rocha prof.rodrigorocha@yahoo.com http://www.bolinhabolinha.com Apresentação Onde Estamos Introdução a hipertexto. A linguagem. Ambientes para programação

Leia mais

Tutorial de HTML. O que é HTML? Aprendendo

Tutorial de HTML. O que é HTML? Aprendendo Tutorial de HTML Tutorial: O que é HTML? Aprendendo Títulos Textos Imagens Links Imagens Clicáveis Explorando o TAG BODY Música de Fundo Gifs Animados Tabelas Testando sua Página O que é HTML? HTML é uma

Leia mais

Linguagem WEB Prof. Alexandre Unterstell alexunter@gmail.com - www.alex.inf.br/cesc

Linguagem WEB Prof. Alexandre Unterstell alexunter@gmail.com - www.alex.inf.br/cesc Linguagem WEB Prof. Alexandre Unterstell alexunter@gmail.com - www.alex.inf.br/cesc Dicas Importantes: - Sempre crie um diretório em seu computador e salve todos os arquivos que vai usar (imagens e paginas),

Leia mais

Pacote de autenticações de Remetente

Pacote de autenticações de Remetente Pacote de autenticações de Remetente Visando sempre melhorar a qualidade dos envios e gestão de e-mail marketing de seus clientes, elaboramos este pacote de autenticações para configurarção do remetente

Leia mais

Manual das funcionalidades Webmail AASP

Manual das funcionalidades Webmail AASP Manual das funcionalidades Webmail AASP 1. Configurações iniciais 2. Regras 3. Histórico da conta 4. Autorresposta 5. Dados de acesso (alterando senha de acesso) 6. Identidade (assinatura) 7. Redirecionamento

Leia mais

Webdesign HTML. Introdução a HTML e as principais tags da linguagem. Thiago Miranda dos Santos Souza

Webdesign HTML. Introdução a HTML e as principais tags da linguagem. Thiago Miranda dos Santos Souza Webdesign HTML Introdução a HTML e as principais tags da linguagem Conteúdos Os materiais de aula, apostilas e outras informações estarão disponíveis em: www.thiagomiranda.net Objetivos Apresentar a HTML

Leia mais

Perguntas frequentes sobre o novo Portal do Servidor

Perguntas frequentes sobre o novo Portal do Servidor Perguntas frequentes sobre o novo Portal do Servidor Sumário Como faço para atualizar ou cadastrar o meu e-mail para obter a nova senha?...1 Como solicito uma nova senha?...2 O site diz que a nova senha

Leia mais

Acessibilidade na Web Cesár Bomfim Brasília 15 de Março

Acessibilidade na Web Cesár Bomfim Brasília 15 de Março Acessibilidade na Web Cesár Bomfim Brasília 15 de Março Avaliação Passos para Site Acessível -Seguir padrões Web; -Seguir as diretrizes e recomendações de acessibilidade; -Realizar avaliação de acessibilidade.

Leia mais

Relacionamento com Email Marketing

Relacionamento com Email Marketing Relacionamento com Email Marketing Dicas e técnicas para gerenciar base de assinantes, criar e formatar conteúdo, garantir leitura do email e crescer a audiência. 1 Relacionamento com Email Marketing Sumário

Leia mais

Apostila da Ferramenta AdminWEB

Apostila da Ferramenta AdminWEB Apostila da Ferramenta AdminWEB Apostila AdminWEB SUMÁRIO OBJETIVO DO CURSO... 3 CONTEÚDO DO CURSO... 4 COMO ACESSAR O SISTEMA... 5 CONHEÇA OS COMPONENTES DA PÁGINA... 6 COMO EFETUAR O LOGIN... 9 MANTER

Leia mais

1.Introdução ao HTML página 04. 2.O que é o HTML página 05. 3.O que são tags HTML página 05. 4.Iniciando com HTML página 10

1.Introdução ao HTML página 04. 2.O que é o HTML página 05. 3.O que são tags HTML página 05. 4.Iniciando com HTML página 10 Apostila de Índice HTML 1.Introdução ao HTML página 04 2.O que é o HTML página 05 3.O que são tags HTML página 05 4.Iniciando com HTML página 10 5.Mais tags HTML página 12 6.Atributos página 14 7.Links

Leia mais

Manual Carteiro Virtual

Manual Carteiro Virtual Manual Carteiro Virtual CONFIGURAÇÕES INICIAIS Introdução...3 Como acessar o Carteiro Virtual...4 Personalizando seus dados de acesso...6 LISTAS DE CONTATOS Criando Lista de Contatos...8 Inserindo contatos

Leia mais

MÓDULO 1 - xhtml Básico

MÓDULO 1 - xhtml Básico MÓDULO 1 - xhtml Básico 1. Introdução xhtml significa Extensible Hypertext Markup Language (Linguagem de Marcação Hipertextual Extensível) e é a linguagem de descrição de documentos usada na World Wide

Leia mais

Maurício Samy Silva. Novatec

Maurício Samy Silva. Novatec Maurício Samy Silva Novatec Sumário Agradecimentos...13 Sobre o autor...13 Introdução...15 Para quem foi escrito este livro... 15 Convenções tipográficas... 16 Site do livro... 18 Capítulo 1 O que é (X)HTML?...20

Leia mais

PROCESSO DE ENVIO DE CAMPANHAS DE EMAILMKT NA FERRAMENTA DA UOL

PROCESSO DE ENVIO DE CAMPANHAS DE EMAILMKT NA FERRAMENTA DA UOL Autor: Helio Watanabe Data: 13/06/13 Versão: 1.0 PROCESSO DE ENVIO DE CAMPANHAS DE EMAILMKT NA FERRAMENTA DA UOL A Izzo tem uma ferramenta de envio de emailmkt disponibilizada pelo provedor de UOL. A ferramenta

Leia mais

Índice. WebEnvios - Soluções em E-Mail Marketing. www.webenvios.com.br

Índice. WebEnvios - Soluções em E-Mail Marketing. www.webenvios.com.br Índice WebEnvios - Soluções em E-Mail Marketing 1 - Visão geral... 2 2 - Acessando nosso sistema... 2 3 - Passos para concluir o envio de uma campanha... 7 4 - Recursos... 7 4.1 - Listas de contatos...

Leia mais

Linux. Educacional. Tutorial Buzzword

Linux. Educacional. Tutorial Buzzword Linux Educacional Tutorial Buzzword Para trabalhar com o programa Buzzword online, é necessário que crie uma conta no site. Para isso acesse o endereço - https://buzzword.acrobat.com/ Para criar uma conta

Leia mais

Universidade de São Paulo Centro de Informática de Ribeirão Preto TUTORIAL HOTMAIL

Universidade de São Paulo Centro de Informática de Ribeirão Preto TUTORIAL HOTMAIL Universidade de São Paulo Centro de Informática de Ribeirão Preto TUTORIAL HOTMAIL Tutorial Hotmail Sobre o MSN Hotmail Acessando o Hotmail Como criar uma conta Efetuando o login Verificar mensagens Redigir

Leia mais