Free Web Hosting by Netfirms
Web Hosting by Netfirms | Free Domain Names by Netfirms

   
 
HTML

Lección 15

Sentencia "Form"

Cambiar el color de fondo de la página a elección.

 Este es un interesante efecto que le permite a los visitantes de tu sitio, seleccionar el color que desean para la página que están viendo.24

Elija un color para el fondo de la página:

   

 

Para lograr este efecto, pones la página en HTML,  y copias el código que transcribo abajo (o para mayor facilidad, lo cortas de la caja que hay en la parte inferior de esta página y lo pegas en tu sitio).  

Cópialo tal cual como está debajo de la palabra <Body>, que encontrarás en el centro de tu página.   

<p align="center"><font face="Verdana"><strong>Elija un color
para el fondo de la página:
</strong></font></p>
<form>
<p align="center"><font face="Verdana"><input
type="button" value="Amarillo"
onclick="document.bgColor='yellow'">&nbsp; <input
type="button" value="Azul claro"
onclick="document.bgColor='cyan'">&nbsp; <input type="button"
value="Naranja" onclick="document.bgColor='orange'"> </font></p>
</form>

Las palabras que pinté con rojo, las puedes cambiar por las que desees, son los nombres de los colores en inglés, ya que este lenguaje de programación no entiende español.

Por lo tanto, si deseas que en vez de color amarillo, que en inglés se dice "yellow", la opción sea elegir color negro, colocá en ese lugar "black", y así puedes cambiar todo lo que quieras, pero para eso tienes que saber como se dice el nombre de tal color en inglés, lo cual conseguirás a través de un diccionario, y si no tenés ninguno, en la red hay muchos, por ejmplo puedes instalar Babylon, en forma gratuita, el cual encontrarás en la sección de "Programas" de: 

Otra opción para cambiar los colores, es escribir el código correspondiente, eso reemplazará al nombre en inglés, y no necesitarás el diccionario, solo ingresa aquí y accedes a la lista completa:

Además deberás cambiar el texto que aparecerá en el botón donde pregunta al visitante que color de fondo elige, pero eso es más fácil porque está en español, yo los pinté con verde para que distingas donde tienes que cambiar.

También lo que pinté con azul, que es el texto que aparece sobre los botones en tu página lo puedes cambiar y escribir lo que quieras.

Aquí tienes el código para pegar debajo de <Body> listo para cortar y pegar (recuerda que si no te funciona, debes pegarlo primero en tu block de notas, y luego tomarlo de allí y pegarlo en tu página).

Buena suerte.