Embaldosando Fondos

HTML / Embaldosando Fondos

Embaldosando Fondos
(Background Tiling)

Ahora enseñaremos como usar una imagen (en formatos GIF o JPEG) para "embaldosar" el fondo de tu página. Con esto, queremos decir que el navegador toma una imagen y la usa para cubrir el fondo de una página repitiendo la imagen las veces que sea necesaria. Entonces, cualquier texto e imágenes mostradas en esa página aparecen contra este fondo embaldosado.

Aquí hay un ejemplo de un embaldosado sutil con un mensaje menos sutil. Un embaldosado bien seleccionado para un fondo puede embellecer la apariencia de tu página, pero la desventaja es que páginas embaldosadas generalmente le toman mas tiempo al navegador en cargar.

Obteniendo una Imagen
(Obtaining an Image)

Primero, necesitamos buscar una imagen apropiada para embaldosar un fondo. Usa el navegador para ir a la dirección

http://csep10.phys.utk.edu/webcourse/sampletile.html

Guarda la imagen que se muestra en tu expediente bajo en nombre de omisión (default a051.jpg).

Embaldosando el fondo de tu Página
(Tiling Your Homepage Background)

Ahora busca el archivo de tu página (se asume estar en el mismo expediente en que se archivó la imagen). Cerca de la parte superior del archivo se verá una línea

<BODY BGCOLOR="#000030"

TEXT="#ff0000" LINK="#00ffff"

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

Edita esta línea para entrarle el texto BACKGROUND="a051.jpg" inmediatamente después de <BODY para que la línea lea

<BODY BACKGROUND="a051.jpg"

BGCOLOR="#000030" TEXT="#ff0000"

LINK="#00ffff" VLINK="#00ffff"

ALINK="#FF0000">

Nota que el tamaño de la letra no importa para el HTML (así que background= o BACKGROUND= o hasta BaCkGrOuNd= son iguales para el HTML), pero el nombre de los archivos puede que sea sensitivo al tamaño de la letra, así que a051.jpg debe ser escrito exacto, en minúsculas.

Guarda los cambios en el archivo y recarga tu página con el navegador. Ahora debes de tener una página con el fondo embaldosado con la imagen que acabas de bajar.

Experimentado Tu Sola(o)
(Experimenting on Your Own)

Puedes experimentar con diferentes embaldosados con simplemente cambiar BACKGROUND="a051.jpg" al nombre de otro archivo GIF o JPEG copiado en tu expediente. Mientras, ten cuidado, no hay ningún problema experimentando, pero no te antojes de un fondo al que se le hace difícil a las personas leer tu página. El diseñador de páginas de la Web siempre debe caminar una fina línea entre lo estético y la legibilidad.