Ir a un lugar determinado ó la misma




Ir a un lugar dentro de la misma página:
Nota: Hay que tener en cuenta que se diferencian las mayúsculas de las minúsculas.

<a href="#posicion1">Ir a la posicion1</a>
 
 
Ir a un lugar determinado de otra página:
Nota: Hay que tener en cuenta que se diferencian las mayúsculas de las minúsculas.

<a href="otra_pagina.htm#posicion1">Ir a la posicion1 de otra_pagina</a>

crear una pagina web gratis

 

PaginaWebGratis.es – Ha 3 minutos de tu propia Web

pwgratis.jpg

PaginaWebGratis.es es un nuevo servicio online, que seguramente será muy practico para aquellos que deseen montar sus Web, pero carezcan de conocimientos y dinero. La interfaz la encontraran completamente en español, y administrarla es realmente muy sencillo. Los resultados evidentemente no serán muy profesionales, pero a falta de recursos, es una buena opción a tener en cuenta.Caracteristicas
  • El servicio es gratuito!
  • Eluso es realmente fácil – no es necesario tener conocimientos previos en programación!
  • Posee diversos diseños que podremos elegir
  • Recibirás un nombre de dominio con la siguiente extensión “minombre.de.tl”
  • Ademas contaras con: Libro de visitas, contador de visitas, función de encuestas y mucho más – todo gratis!




EL TUTORIAL ESTA AQUÍ: PARA LOS PRINCIPIANTES EN ESTO DE CRACION DE PAGINAS WEB: HAZ CLIC AQUÍ  PAGINA WEB GRATIS

Botón animado

 
Botón animado:
Aprendé a dar movimiento a tu página con botones animados por Java Script. Cada botón puede llevar a un enlace distinto. Sólo tienes que configurar los parámetros "lineArr" y "urlArr" del script, que permiten destacar cosas en tu página.
<font face="Arial, Helvetica, sans-serif" size="2">
<script language="JavaScript">
var timerID = null
var timerRunning = false
var charNo = 0
var charMax = 0
var lineNo = 0
var lineMax = 3
var lineArr = new Array(lineMax)
var urlArr = new Array(lineMax)
lineArr[1] = "Pauluk Computación"
urlArr[1] = "http://html-javascript-css-php.jimdo.com"
lineArr[2] = "Trucos PC"
urlArr[2] = "http://www.pauluk.8k.com/trucosprin.htm"
lineArr[3] = "Noticias Tecnológicas y Actualidad"
urlArr[3] = "http://www.pauluk.8k.com/noticias.htm"
var lineText = lineArr[1]
function StartShow() {
StopShow()
ShowLine()
timerRunning = true
}
function FillSpaces() {
for (var i = 1; i <= lineWidth; i++) {
spaces += " "
}
}
function StopShow() {
if (timerRunning) {
clearTimeout(timerID)
timerRunning = false
}
}
function ShowLine() {
if (charNo == 0) {
if (lineNo < lineMax) {
lineNo++
}
else {
lineNo = 1
}
lineText = lineArr[lineNo]
charMax = lineText.length
}
if (charNo <= charMax) {
document.formDisplay.buttonFace.value = lineText.substring(0, charNo)
charNo++
timerID = setTimeout("ShowLine()", 100)
}
else {
charNo = 0
timerID = setTimeout("ShowLine()", 3000)
}
}
function GotoUrl(url)
{
top.location.href = url
}
document.write("<form name=\"formDisplay\">");
document.write("<input type=\"button\" name=\"buttonFace\" value=\"&{lineText}\" size=\"18\" onClick=\"GotoUrl(urlArr[lineNo])\">");
document.write("</form>");
StartShow();
</script></font>

Detectar el navegador - HTML



 
Detectar el navegador:
Esto sirve para comprobar el navegador que se está usando, por si queremos crear una página para Netscape y otra para Internet Explorer:

<script language="JavaScript">
<!--
function esIE30(){
var browserType=navigator.userAgent;
if (browserType.indexOf("MSIE")==-1)
return false;
else
return true;
}

<!-- Cargar la página según el explorador -->
function cargar(){
if (esIE30())
window.location.href="indice_ie.htm";
else
window.location.href="indice_netscape.htm";
}
//-->
</script>
 

                    

Abrir un link de una imagen en una ventana nueva





Abrir un link de una imagen en una ventana nueva:

Con este código podemos insertar una imagen (ej. banner) y que al hacer clic sobre ella se abra el link de destino en una ventana nueva. Primero ponemos la ruta del link de destino, y luego la ruta donde está alojada la imagen. Si está alojada en la raíz de nuestro servidor solo ponemos el nombre y listo.

<a href="http://html-javascript-css-php.jimdo.com" target="_blank"><img src="imagen.gif" border=0></a>



                  

Hora y texto en la barra de estado

Hora y texto en la barra de estado:
Con este truco, podemos hacer que aparezca en la barra de estado la hora de la PC que entra a nuestra Web y poner el texto que queramos.
<script language="JavaScript">
<!--
mensaje=" |======| html-javascript-css-php.jimdo.com "
function hora() {
var h = new Date();
window.status="|======| "
+ h.getHours() +":"+ h.getMinutes() +"" +mensaje ;
window.setTimeout('hora()',100);
}
hora()
//-->
</script>

barra con mas colores (HTML GRATIS)



A continuación veremos otro código para ponerle color a la barra de desplazamiento, en este caso vamos a poder personalizar los colores de la barra, del fondo y los bordes. Reemplazar los nombres de los colores por otros o por los código de letras y números. Mas abajo está la tabla de colores.
<style>
<!--
body { scrollbar-face-color: darkgreen ;
scrollbar-shadow-color: yellow;
scrollbar-highlight-color: violet;
scrollbar-3dlight-color: navy;
scrollbar-darkshadow-color: magenta;
scrollbar-track-color: blue;
scrollbar-arrow-color: black }
-->
</style>

Cambiar el contenido de una página




Cambiar el contenido de una página cada "x" segundos:
O mejor dicho, cargar otra página después de "x" segundos.
Este comando debe estar en el bloque <
HEAD>...</HEAD>

<HEAD>
<!-- otras cosas -->
<META http-equiv="refresh" content="segundos; url=siguiente_pagina.htm">
<!--y algunas mas -->
</HEAD>

Establecer una página como inicio



Establecer una página como inicio:
Este código html te sirve para crear un link para que el visitante pueda hacer que tu página sea la de inicio de su computadora. Con solo hacer clic sobre el link creado, tu página se iniciará automáticamente cada vez que esa persona se conecte a Internet.
<A class="chlnk" style="FONT-WEIGHT: bold; CURSOR: hand;
COLOR: #004080; FONT-FAMILY: Verdana" onclick=
"this.style.behavior='url(#default#homepage)';
this.setHomePage('http://html-javascript-css-php.jimdo.com');">
<FONT face=Arial color=#000000 size=-2><U>
Establecer como página de inicio</U></FONT></A>