Como Tornar Um Banner Clicável

Índice:

Como Tornar Um Banner Clicável
Como Tornar Um Banner Clicável

Vídeo: Como Tornar Um Banner Clicável

Vídeo: Como Tornar Um Banner Clicável
Vídeo: como fazer banner clicável - como fazer banner clicável e camoflar link no automático 2024, Maio
Anonim

Apesar de um declínio significativo em popularidade desde o seu início, os banners ainda hoje são um dos principais meios de publicidade na Internet. O banner mais simples é uma imagem simples. Mas, para que ele execute totalmente sua função, você precisa torná-lo clicável.

Como tornar um banner clicável
Como tornar um banner clicável

É necessário

a capacidade de alterar a marcação da página da web

Instruções

Passo 1

Torne o banner clicável, colocando-o em um hiperlink. Use o elemento HTML A. Adicione uma tag inicial com um atributo href que aponta para o recurso de destino, bem como uma tag final. Por exemplo: Esta é a maneira mais simples e mais comumente usada de adicionar banners a páginas da web. Na verdade, a imagem aqui é a âncora do link.

Passo 2

Aplique mapas de cliente para criar vários pontos de acesso na imagem do banner. Na marcação HTML do seu documento, adicione um elemento MAP com um atributo de nome que especifica o nome do mapa. No MAP, coloque uma ou mais crianças de ÁREA com os atributos corretos de href, forma e coords. Por exemplo: Para o elemento IMG que define o banner, adicione um atributo usemap que se refere ao mapa do cliente. Por exemplo: Este método permite que você use um banner para redirecionar o usuário para diferentes recursos, dependendo de qual área foi ativada.

etapa 3

Use a capacidade de manipular eventos de entrada do usuário por scripts de cliente para iniciar o processo de alternar para outro recurso ao clicar em um banner. Defina o manipulador onclick para o elemento de documento apropriado. Isso pode ser feito adicionando o atributo onclick à marcação HTML: ou diretamente do script: Este método permite controlar de forma flexível o processo de redirecionamento do usuário ao clicar em um banner, mas não funciona quando os scripts estão desabilitados no navegador.

Passo 4

Incorpore o banner na página da web usando o elemento INPUT do tipo imagem incluído no formulário para torná-lo clicável. Um elemento INPUT com um atributo de tipo de imagem define um botão de envio gráfico. O endereço do recurso de imagem é especificado pelo atributo src. Por exemplo: A aplicação deste método de exibição de banner oferece grandes oportunidades. Portanto, você pode enviar uma grande quantidade de dados adicionais ao servidor usando campos ocultos, especialmente usando uma solicitação POST para enviar um formulário. Você pode executar alguma ação no formulário antes de enviar, atribuindo um manipulador onsubmit. É permitido atribuir um mapa de cliente a uma imagem de botão usando o atributo usemap.

Recomendado: