Embaldosando Fondos

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.

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

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

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.

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.