Archivo de
Im�gines/ Embaldosando Fondos
Embaldosando Fondos
(Background Tiling)
Ahora mostraremos como usar una imagen (en formato GIF o JPEG) para embaldosa el fondo de tu pagina. Con esto, queremos decir que el navegador toma una imagen y la usa para cubrir el fondo de una pagina repitiendo la imagen cuantas veces sea necesario hasta cubrir la pagina completa. Cualquier texto e im�genes mostradas en esa pagina aparecer�n con ese fondo.
Aqu� hay un ejemplo de embaldosar sutil con un mensaje mas sutil. Un bien escogido para el fondo de tu pagina puede enaltecer la apariencia de una pagina, aunque la parte negativa de paginas embaldosadas es que por lo general toman mas tiempo cargar al navegador. Cuando uno este embaldoso, debe prestar mucha atenci�n a la legibilidad. Aunque embaldosar el fondo con un color llamativo atraiga atenci�n, tambi�n puede hacer que el texto sobrepuesto sea dif�cil de leer.
Obteniendo una Imagen
(Obtaining An Image)
Primero, necesitamos buscar una imagen apropiada para embaldosar un fondo. Usa el navegador para buscar la siguiente direcci�n
http://csep10.phys.utk.edu/webcourse/sampletile.html
Guarda la imagen que se muestra en tu archivo bajo el nombre de omisi�n (a051.jpg).
Embaldosando tu P�gina Inicial
(Tiling Your Homepage Background)
Ahora, ve al archivo de tu pagina (asume que esta en el mismo archivo donde guardaste la imagen). Cerca de la parte superior del archivo habr� una l�nea
<BODY BGCOLOR="#000030" TEXT="#ff0000" LINK="#00ffff" VLINK="#00ffff" ALINK="#FF0000"> |
Edita esta l�nea para entrar el texto BACKGROUND="a051.jpg" inmediatamente despu�s de <BODY para que la l�nea lea como sigue
<BODY BACKGROUND="a051.jpg" BGCOLOR="#000030" TEXT="#ff0000" LINK="#00ffff" VLINK="#00ffff" ALINK="#FF0000"> |
Nota que el tama�o de la letra no le importa a HTML per ce (as� que background=o BACKGROUND= o hasta BaCkGrOuNd= son lo mismo) pero pudiera ser que los nombres de los archivos sean sensitivos al tama�o de las letras as� que a051.jpg debe estar escrito exactamente como va, en min�sculas. Guarda los cambios en el archivo y recarga tu pagina con el navegador. Ahora deber�as de tener una pagina con un fondo embaldosado con la imagen que acabas de bajar.
Experimentando Por Ti Misma(o)
(Experimenting on Your Own)
Puedes experimentar con diferentes fondos cambiando BACKGROUND="a051.jpg" por el nombre de otro archivo GIF o JPEG copiado en tu archivo. Siempre usa precauci�n; no hay nada malo en experimentar, pero no te decidas por un fondo el cual dificultara a otras personas la lectura de tu pagina. El dise�ador de p�ginas de la Web debe siempre caminar una fina l�nea entre est�tica y legibilidad.