Olá! Quarta Feira, 23 de Maio de 2012.
- Códigos
- Assistentes
- Artigos/Dicas
- Widgets
- Serviços
- Expediente
- Parceiros
Adicionar a Meu favorito
Sexta Feira, 10 de Outubro de 2003
Crie um redirecionamento ou atualização automáticas de páginas em seu site
Há duas formas de se usar o META para redirecionar páginas em seu site, sem precisar usar nenhuma linguagem de programação para internet, a não ser o HTML.
1. Utilizando o META para atualizar a página:
Este código serve para dar um "Refresh" na página após alguns segundos. Útil para quem tem um site de notícias e deseja que o mesmo esteja sempre atualizado. Segue o código:
No Bloco de Notas:
Procure pela tag e inclua o seguinte código: de modo a ficar assim: (segue exemplo de uma página, utilizei 15 segundos de tempo para atualização, mas você pode diminuir e/ou acrescentar)
Utilizando o Front Page:
1 - Com o botão direito do mouse, clique sobre sua página e selecione o menu "Propriedades da Página".
2 - Vá para a guia "Personalizadas"
3 - Em "Variáveis do Usuário" clique em "Adicionar"
4 - Inclua, em Nome, Revisit-after.
5 - Inclua, em Valor, 15 (para 15 segundos de tempo para atualização)
6 - Para concluir, clique em OK
2. Criando um "Redirecionador" em suas páginas
Ainda há outra forma de redirecionar páginas, sem utilizar scripts ou sites especializados nesse assunto: Utilizando Meta-HTTP-EQUIV, segue as instruções:
No Bloco de Notas:
Procure pela tag e inclua o seguinte código:
Onde XX é o tempo, em segundos, que a página será redirecionada e MINHA_URL.html é o endereço completo da página de destino do redirecionamento.
No Front Page:
1 - Com o botão direito do mouse, clique sobre sua página e selecione o menu "Propriedades da Página".
2 - Vá para a guia "Personalizadas"
3 - Em "Variáveis do Sistema" clique em "Adicionar"
4 - Inclua, em Nome, Refresh.
5 - Inclua, em Valor, 15; URL=MINHA_URL.html (para 15 segundos de tempo para atualização e MINHA_URL.html para o endereço completo de sua página de destino)
6 - Para concluir, clique em OK
Bom... só isso.
Até mais.
1. Utilizando o META para atualizar a página:
Este código serve para dar um "Refresh" na página após alguns segundos. Útil para quem tem um site de notícias e deseja que o mesmo esteja sempre atualizado. Segue o código:
No Bloco de Notas:
Procure pela tag
<HEAD> ... </HEAD> <meta name="Revisit-after" content="15"> Utilizando o Front Page:
1 - Com o botão direito do mouse, clique sobre sua página e selecione o menu "Propriedades da Página".
2 - Vá para a guia "Personalizadas"
3 - Em "Variáveis do Usuário" clique em "Adicionar"
4 - Inclua, em Nome, Revisit-after.
5 - Inclua, em Valor, 15 (para 15 segundos de tempo para atualização)
6 - Para concluir, clique em OK
2. Criando um "Redirecionador" em suas páginas
Ainda há outra forma de redirecionar páginas, sem utilizar scripts ou sites especializados nesse assunto: Utilizando Meta-HTTP-EQUIV, segue as instruções:
No Bloco de Notas:
Procure pela tag
<HEAD> ... </HEAD> <META HTTP-EQUIV="REFRESH" CONTENT="XX; URL=MINHA_URL.html"> Onde XX é o tempo, em segundos, que a página será redirecionada e MINHA_URL.html é o endereço completo da página de destino do redirecionamento.
No Front Page:
1 - Com o botão direito do mouse, clique sobre sua página e selecione o menu "Propriedades da Página".
2 - Vá para a guia "Personalizadas"
3 - Em "Variáveis do Sistema" clique em "Adicionar"
4 - Inclua, em Nome, Refresh.
5 - Inclua, em Valor, 15; URL=MINHA_URL.html (para 15 segundos de tempo para atualização e MINHA_URL.html para o endereço completo de sua página de destino)
6 - Para concluir, clique em OK
Bom... só isso.
Até mais.
Enviar um Artigo
Enviado por: Emmanuel Alves
Outros artigos
Assine o Feed desta categoria 
- Coloque bordas em suas imagens de uma maneira diferente - 09/10/2003
- Como alinhar seus textos em HTML - 08/10/2003
- Colocando um texto rolando em seu site usando o marquee - 08/10/2003
- Imagem de fundo (background) fixa em seu site com frontpage e css - 08/10/2003
- Ver mais...
Comentários do artigo [Novo comentário]
Adim Alves de Almeida
- 28 de Janeiro de 2010 - 20:09
Meus Prezados,
Estou usando um plugin para acessar os mapas do Google em asp.net.
Estou tentando dar um Refresh no form criando o botão <imput> colorido no código abaixo. O plugin preenche o mapa de uma rota definida e lista as subrotas em testo. O botão que eu tento criar limparia a tela ( se possível, somente o div Directions) para que o usuário definisse uma nova rota. Conto com a ajuda de vocês.
Adim
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<style type="text/css">
#map {
left: 520px;
width: 400px;
height: 500px;
}
#directions {
font: bold 8px Helvitica, Arial, sans-serif;
}
#end
{
width: 223px;
}
#start
{
width: 205px;
}
</style>
<script src="Js/jquery-1[1].3.2.min.js" type="text/javascript"></script>
<script src="http://maps.google.com/maps?file=api&v=2&sensor=true&key=ABQIAAAA1nQljhg2ugG9v01-l6mP9xT2yXp_ZAY8_ufC3CFXhHIE1NvwkxRj3_dOS2-K_gpPGi-e3H44u0Z7dw" type="text/javascript"></script>
<script src="Js/gps.jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$("#map").googleMap({ center: 'Rio de Janeiro', zoomLevel: 15 }).load();
});
</script>
</head>
<body onunload="GUnload()">
<div id="directions" style="position:absolute; left:Auto; top:80px; width:500px"></div>
<div id="map"></div>
<div id="form1" style="position:absolute; left:3px; top:10px; width:609px">
<p><b>De: </b><input id="start" type="text" />
<b>Para: </b><input id="end" type="text" /></p>
<input name="submit" id="getdirections" type="submit" value="Execute!" />
<input id="Reset1" type="reset" value="Limpar" />
</div>
</body>
</html>
Estou usando um plugin para acessar os mapas do Google em asp.net.
Estou tentando dar um Refresh no form criando o botão <imput> colorido no código abaixo. O plugin preenche o mapa de uma rota definida e lista as subrotas em testo. O botão que eu tento criar limparia a tela ( se possível, somente o div Directions) para que o usuário definisse uma nova rota. Conto com a ajuda de vocês.
Adim
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<style type="text/css">
#map {
left: 520px;
width: 400px;
height: 500px;
}
#directions {
font: bold 8px Helvitica, Arial, sans-serif;
}
#end
{
width: 223px;
}
#start
{
width: 205px;
}
</style>
<script src="Js/jquery-1[1].3.2.min.js" type="text/javascript"></script>
<script src="http://maps.google.com/maps?file=api&v=2&sensor=true&key=ABQIAAAA1nQljhg2ugG9v01-l6mP9xT2yXp_ZAY8_ufC3CFXhHIE1NvwkxRj3_dOS2-K_gpPGi-e3H44u0Z7dw" type="text/javascript"></script>
<script src="Js/gps.jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$("#map").googleMap({ center: 'Rio de Janeiro', zoomLevel: 15 }).load();
});
</script>
</head>
<body onunload="GUnload()">
<div id="directions" style="position:absolute; left:Auto; top:80px; width:500px"></div>
<div id="map"></div>
<div id="form1" style="position:absolute; left:3px; top:10px; width:609px">
<p><b>De: </b><input id="start" type="text" />
<b>Para: </b><input id="end" type="text" /></p>
<input name="submit" id="getdirections" type="submit" value="Execute!" />
<input id="Reset1" type="reset" value="Limpar" />
</div>
</body>
</html>
jeferson dos santos
- 09 de Agosto de 2010 - 11:57
Talves seu reset esteja com um erro, não deu para testa aqui porque falta os arquivos javascript, imagen, estilo...
Vinicius
- 23 de Setembro de 2011 - 18:50
Caros Amigos do codigo fonte, após ler este post, e por obrigação da minha função de orientador em tecnicas de seo e otimização de sites, devo dizer que, sempre adimirei a forma didatica que este site tem para com seus leitores, porém creio que a primeira parte deste post contém um grave erro. Pois a tag <meta name="Revisit-after" content="15"> indica que o site/blog deve ser visitado pelos robts em dias, e não em segundos conforme dito no presente post... caso necessitem visitem meu blog http://http://www.tudoseo.com/2010/08/conheca-as-meta-tags-e-suas-funcoes.html espero, ter contribuido para que o nivel de conteúdo permaneça sempre o mesmo...
Para adicionar um comentário você deve efetuar o login
 |
CodigoFonte.net » CodigoFonte.eti.br » Compre De Tudo » Meu Mural » Competiva - Criação de Sites » Todos os Direitos Reservados © 2002/2010 |