Como escrever HTML para uma mensagem de rolagem

Projetar, criar e manter um site profissional para o seu negócio é muito trabalho. Mesmo depois de ter o seu site instalado e funcionando, atrair visitantes pode revelar-se ainda mais desafiador. Quando um cliente em potencial clica em um anúncio ou link para visitar seu site, é importante que suas páginas rapidamente prendam sua atenção para evitar que ele clique no site de um concorrente. Uma maneira de chamar a atenção de um visitante é com o texto de rolagem que se move pela tela. Com apenas um trecho de código HTML, você pode criar um letreiro de rolagem que atraia os olhos de um visitante para ele como um ímã.

1

Inicie o Windows Notepad ou o seu editor de texto ou HTML preferido. Abra o arquivo da página da Web que você deseja aprimorar com uma mensagem de rolagem.

2

Navegue até o ponto em que você deseja que a mensagem de rolagem apareça na página. Clique e coloque o mouse no final da linha de código logo acima de onde você quer que a mensagem apareça, então pressione “Enter” para inserir um retorno de carro ou quebra de linha no código.

3

Copie e cole o seguinte no documento HTML para criar uma mensagem de rolagem simples com o texto rolando do lado direito da página uma vez, mas sem continuar rolando:

Digite sua mensagem de rolagem aqui

4

Copie e cole o código a seguir na página para inserir uma mensagem de rolagem com o texto rolando da direita e continuando a rolar em um loop:

Digite sua mensagem de rolagem aqui

5

Copie e cole o código a seguir no documento HTML para criar uma mensagem de rolagem na qual o texto seja alternado continuamente na tela:

Digite sua mensagem de rolagem aqui

6

Copie e cole o código a seguir na página para fazer o texto rolar da parte inferior da caixa de texto:

Digite sua mensagem de rolagem aqui

7

Altere a velocidade de rolagem da mensagem, inserindo o argumento "scrollamount" no código do letreiro digital. Por exemplo, o seguinte irá rolar a mensagem lentamente pela tela:

Digite sua mensagem de rolagem lenta aqui

Use o código abaixo para fazer a mensagem rolar muito mais rápido pela tela:

Digite sua mensagem de rolagem rápida aqui

Altere a variável "scrollamount" conforme necessário para aumentar ou diminuir a velocidade de rolagem do texto.

8

Salve o arquivo HTML no Bloco de Notas ou no seu aplicativo editor preferido. Faça o login no painel de controle de hospedagem na Web e use o Gerenciador de arquivos ou um utilitário semelhante para fazer o upload do arquivo para o servidor da Web.

9

Abra um navegador da Web e navegue até o URL da página HTML atualizada. Depois que a página é carregada na janela do navegador, a mensagem rola pela tela.

Dicas

• Você também pode inserir uma imagem de rolagem na sua página da Web. Para fazer isso, copie e cole o código a seguir no ponto em que você deseja que a imagem de rolagem apareça na página:
• Altere “//www.somesite.com/images/picture.gif” para o URL real da imagem que você deseja rolar na tela.
• Se você não se sentir confiante em escrever código HTML do zero, poderá usar um gerador de código de letreiro on-line para criar o código. Sites como Quackit.com, HTMLMarquee.com e HTMLBasix.com fornecem geradores gratuitos e fáceis de usar que podem ser usados ​​para criar mensagens de rolagem e gerar código HTML que você simplesmente cola em qualquer página da Web (links em Recursos).