Vínculo para e-mail
Sem conhecer o que pensam as pessoas que visitem seu site não tem nada que fazer, nada que melhorar, de modo que colocar um vínculo onde o visitante possa para enviar-te um correio eletrônico parece-me algo imprescindível, verdade? Claro que mais à frente colocaremos um foro no seu site mas nunca está de mais saber colocar estes links de correio, assim que vamos aprender.
Código Html de um vínculo de e-mail
Como você vai ver, é muito parecido com o código Html de um enlace a outro site. Apenas muda uma palavrinha e claro que o caminho dado que neste caso será simplesmente sua direção de e-mail. A linha de código Html é a seguinte:
<a href=”mailto:suadireção@email.com”>Texto que queira por para que façam clic nele </a>
Onde está “Texto que queira por…” escrever as palavras que o visitante verá e será onde dará o clic para enviar a mensagem. Pode colocar por exemplo “Envia-me um e-mail”, “Clic para dar sua opinião”, simplesmente sua direção de correio ou alguma coisa pelo estilo.
Problemas com este tipo de vínculo
Nem tudo são flores, o problema que eu vejo é que existem milhares de robôs soltos na rede buscando direções de e-mail para criar bases de dados e com o único propósito de enviar todo esse correio spam que enche tanto o saco... Pelo qual é preferível uma alternativa, mais incômoda para o visitante porém menos expostas a todos os caçadores de e-mail. Trata-se de escrever sua direção de e-mail com um programa de desenho e colocar a imagem na página. De esta maneira, como as imagens não são lidas, assim dependendo do programa robô pode ser enganado, como as imagens não podem ser lidas, estes robôs não podem caçar sua direção de e-mail enquanto que qualquer dos seus visitantes sempre poderá ler e escrever em seu programa de correio para enviar-te felicitações ou reclamações...
Também pode colocar um botão qualquer e fazer o enlace desde ali. O Botão seria um simples desenho com o texto “correio” ou um desenho de uma caixa de correio ou um envelope ou algo assim... Neste caso os robôs de spam não lêem a imagem, porém talvez consigam a direção de e-mail desde o código Html de sua página, pelo que seguimos com o mesmo problema.
Que faremos então? De momento e para o caso do exemplo, vamos a colocar o link de e-mail na forma de desenho de um envelope. Mesmo que seja para efeito de aprendizado, beleza?
Enlace de e-mail numa imagem
Primeiro guardar esta imagem na pasta “objetos” e ao guardar por o nome de envelope.gif.
Já temos três arquivos na pasta “objetos”:
Agora abrir o index do seu Html-Kit e colocar na vista “Editor” , como sempre, pode fechar a janela do Workspace da direita para ter mais espaço e maximizar a janela do index. Melhor, verdade? Ah ah.
Colocar o cursor do mouse justo no final da linha de código do último parágrafo (justo antes do </body>), clicar com o mouse uma vez para por o cursor ali e pulsar logo o “enter”, para criar uma nova linha. Como comentei antes convém colocar os elementos sempre dentro de um parágrafo de modo que vamos criar esse parágrafo vazio de momento, escrever suas etiquetas <p> e </p>.
Agora situar o cursor dentro desse parágrafo (colocando-o entre <p> e </p>) e no Html-kit tal e como fizemos anteriormente clicar em “Insertar Imagem” (deixo uma foto para lembrar como era):
(Repare também na linha 15 do código html, na imagem acima, escrevi as etiquetas do parágrafo e coloquei o cursor entre <p> e </p>)
E do mesmo modo que a outra vez, colocar alguns dados na janela que aparece:
Depois de selecionar o arquivo envelope na janela direita acima, pode ser escrito o “alt” do qual falamos no tema anterior, e também escrever “px” sem dar espaço junto às cifras de largura e altura e pulsar Ok.
Automaticamente aparece essa nova linha de código Html na janela do nosso index:
<img alt=”Enviar e-mail!” src=”objetos/envelope.gif” height=”32px” width=”32px” />
E se você quiser faça uma vista prévia, “preview”, para ver como está ficando. Vamos agora a colocar o vínculo a nosso e-mail.
Vínculo de e-mail com Html-kit:
Para inserir um enlace de e-mail desde uma imagem, tem que selecionar todo o código html da imagem primeiro. Está difícil seleccionar??? Prova o seguinte: coloque o cursor no inicio e fazer clic ao mesmo tempo com a tecla “Shift” (essa flecha que aponta para cima, que pulsando escrevemos em maiúsculas, justo encima do “Control”) do seu teclado tendo o cursor no final do código que queira selecionar. O que tem que ser selecionado é o que foi posto acima, desde “<img alt=”...... hasta 32px” />. Não selecione as etiquetas <p> e </p>, oki?
Uma vez selecionado clicar na barra de ferramentas do Html-kit sobre Etiquetas > Crear Link...:
Abrirá a janela dos links e na lista de opções da esquerda dessa janela, na linha que põe “href” escolher “mailto:” e
a continuação de mailto: escrever sua direção de correio eletrônico.
Depois é só dar Ok e..feito!!!
Relax
Quer um nome diferente...Que tal um “nominho oriental”?
- Assassino – NOKIMATARO ATIRO
- Pobre – TAMISHO PABURO
- Rico – TAKANOTA TODA
- Mágico – TIRAGATO DAKASAKA
- Louco – SHUTAKOKO NAKARA
- Inteligente – KIKUKA BAKANA
- Veterinário – KURAGATO NAKASA
- Valente – TEBATO NAKARA
- Assaltante – FUGIRO NAKOMBI
- Acidentado – MASSARO MIAMOTO
- Atropelado – MATARO NAMOTO
- Ladrão – SUMIU KOTUTU
- Agredido – MISHUTARU NASSAKU
- Bicha – EDEO NOMATO
- Corno – KOMERU MIAMADA
Menu
