8.- Una página nueva todos los meses.
Mantener actualizada una web todos los meses, por ejemplo con una foto nueva, puede hacerse haciendo los cambios mes a mes. Esto lógicamente supone que para que quede bien, tendremos que hacer los cambios en el mismo momento en que pasamos de un mes a otro, ¿os imaginais un 31 de diciembre a las 0:00 horas cambiando el enlace a la página de enero?
Esto lo podemos solucionar con este javascript, solo tenemos que introducir las URL de las páginas y segun cambie la hora, el enlace se actualizara solo.
Ten presente que este script tiene dos partes, una contiene la funcion que contiene todas las direcciones y va situada en el "head" (cabecera) de la página, y el enlace propiamente dicho, que va situado en el "body" (cuerpo).
A este codigo le he dado tres formas en lo relativo al enlace: asi tenemos enlace de texto, enlace de imagen y enlace como botón.
Esta es una forma sencilla de mantener actualizda tu web todo el año.
<html>
<head>
<title>Con este script se puede mostrar una pagina nueva cada mes</title>
<script language="JavaScript">
var mes=new Array()
mes[00]="http://www.uterra.com/enlace_enero.htm"
mes[01]="http://www.uterra.com/enlace_febrero.htm"
mes[02]="http://www.uterra.com/enlace_marzo.htm"
mes[03]="http://www.uterra.com/enlace_abril.htm"
mes[04]="http://www.uterra.com/enlace_mayo.htm"
mes[05]="http://www.uterra.com/enlace_junio.htm"
mes[06]="http://www.uterra.com/enlace_julio.htm"
mes[07]="http://www.uterra.com/enlace_agosto.htm"
mes[08]="http://www.uterra.com/enlace_septiembre.htm"
mes[09]="http://www.uterra.com/enlace_octubre.htm"
mes[10]="http://www.uterra.com/enlace_noviembre.htm"
mes[11]="http://www.uterra.com/enlace_diciembre.htm"
var myDate=new Date()
var foto_mes=myDate.getMonth()
</script>
</head>
<body>
<center>
<a href="uterra" onClick="window.location=mes[foto_mes];return false">ENLACE DEL MES</a>
</center>
<br />
<center>
<a href="uterra" onClick="window.location=mes[foto_mes];return false">
<img border="0" src="imagen.jpg" width="125" height="125"></a>
</center>
<br />
<center>
<input TYPE="button" VALUE="ENLACE DEL MES" onClick="window.location=mes[foto_mes];return false">
</center>
</body>
</html>
