anterior.gif (992 bytes)  siguiente.gif (1013 bytes)

HTML / Colores de Fondo

Colores de Fondo
(Background Colors)

Ya hemos aprendido una variedad de maneras de encontrar recursos en la Web. Vamos a usar algunos de estos recursos de la Web para ayudarnos a modificar tu pagina en algo que se vea mas elegante.

(The "Body" HTML Tag)

Si abres el archivo de tu pagina con el editor encontraras cerca de la parte superior una etiqueta HTML "body tag" que tiene la siguiente forma

<BODY BGCOLOR="#000030" TEXT="#ff0000"

LINK="#00ffff" VLINK="#00ffff" ALINK="#FF0000">

Tales etiquetas controlan los colores del texto cuando un Navegador de la Web muestra tu pagina, de acuerdo con las identificaciones en el siguiente diagrama (nota que en HTML las etiquetas por lo general no son sensibles al tamano de la letra; ej., "BODY" y "body" son igual).

Las etiquetas en el diagrama se explican por si solas en base a la previa discusion excepto, quizas, el color "accessed link". Este es el color que da el enlace mientras el boton del raton se mantiene oprimido. Asi, por ejemplo, la frase text="ff0000" prepara el color del texto standard a rojo. Ahora, es obvio que debe estar usando algun tipo de codigo secreto: como se que #ff00000 significa prepara el color del texto del navegador a rojo?

Numeros Hex y Color
(Hex Numbers and Color)

Bueno, # indica que esto es un color y en una discusi�n sobre colores (ff0000) est�n en la forma de xxyyzz, donde es la cantidad de rojo, yy es la cantidad de verde y zz es la cantidad de azul mezcladas para formar el color de texto, con cada uno de los pares, (ej., ff) un n�mero en la base-16 o sistema de n�mero hexadecimal - el "sistema hex", para aquellos que conocen. Wow! Estoy segura de que tienes mucho entusiasmo en aprender sobre eso!. Si nosotros los humanos tuvi�ramos 16 dedos y 16 dedos en los pies en vez de los 10 que tenemos, probablemente nos sabr�amos el sistema de base-16 de memoria, pero no es probable que no uses los n�meros hexadecimales regularmente. Existe manera de omitir estudiar el sistema de base-16, por lo menos por ahora? De todos modos, solo deseamos cambiar algunos colores en una p�gina!

Debes aprender algo sobre el sistema de base-16 porque es tan com�n en computadoras y porque es divertido ver como los n�meros en otras bases funcionan, pero lo dejaremos para otra ocasi�n. Por el momento, aprenderemos a cambiar colores en nuestras p�ginas sin tener que aprender como los n�meros de base-16 funcionan. Lo haremos usando recursos que est�n disponibles en la Web. Vamos a poner en pr�ctica nuestra reci�n adquirida experiencia con "Finding Things" para una tarea �til y noble: evitar trabajar durante el proceso de cumplir con una obligaci�n!!!

Recursos de Colores en la Web
(Color Resources on the Web)

Tu tarea es de modificar los colores en tu p�gina inicial a algo mas de tu gusto (rojo sobre azul marino no es el gusto de todo el mundo!). Lo que simplificar�a las cosas mas es tener la tabla de colores con un c�digo hex asociado para cada color. Entonces, podemos encontrar colores que nos gusten de la tabla y simplemente copiar el c�digo hex correspondiente dentro de la etiqueta del cuerpo de nuestra p�gina inicial. Mejor a�n, en el mejor de los mundos esperaremos por un programa de computadora que nos permitir� oprimir sobre un muestrario continuo de colores pata seleccionarlos, y una vez seleccionado, dar una muestra de una p�gina con dichos colores para ver como se ven actualmente en un muestrario del navegador.

Sorpresa!!! Precisamente, tales recursos existen en la Red (Net). Podemos usar motores de b�squeda para encontrarlos, pero en este caso es a�n m�s simple: algunas direcciones que hacen �stas cosas est�n contenidas en una de las compilaciones de recursos que ya hemos considerado. Utilizando la segunda ventana de tu navegador, ve a la compilaci�n de recursos (compilation resources) y selecciona el enlace "Web and Networking Tools" (bajo el encabezamiento de "Computer Stuff"). Del men� resultante, selecciona el enlace "Graphics for the Web".

La p�gina resultante tiene muchos enlaces. Busca algunos ah� que te ayudar�n a seleccionar colores para tu navegador. Por ejemplo, para comenzar con uno bueno, busca el nombre "Background Colors (Table of Examples)". Averigua como estas cosas funcionan (experimenta se�alando y oprimiendo te dar� resultado) y �salos para seleccionar colores nuevos para entalla tu p�gina a la medida cambiando los colores de la etiqueta de su "cuerpo".

siguiente.gif (1013 bytes)