Imagenes de Fondo

 

Empezamos esta tercera lección hablando de las imágenes como fondos. Últimamente las páginas web utilizan imágenes de fondo para dar un mejor estilo para con sus visitantes. Esto es muy practico, ya que a quien no le gustaría tener bonita imágenes o estilizadas líneas surcando el texto mientras leemos, sin embargo hay personas que abusan de los fondos de imágenes como veremos.

La cuestión erronea mas obvia es que los fondos que elijamos no sean visualmente estéticos. Esto quiere decir que sean cansados para la vista, de un color poco agradable, que se confunda con el texto o que simplemente desentone del tema de la web. Por ejemplo, si se esta tratando de hacer una web seria, no se va poner imágenes de globitos verdad, o si elegiste para tu texto el color azul, no vas a utilizar un fondo donde predomine este color cierto?.

Otro problema que se nos podría presentar, es elegir un fondo que aunque cumpla todos los requerimientos permitidos, me refiero a que sea agradable, no se confunda con el texto y guarde relación con nustra web, tenga el problema de ser muy pesado. Pongámonos a pensar un momento en nuestros diarios y rutinarios viajes alrededor de ciberespacio, me pondré como modelo (suena bien! Ja), cuando suelo entrar a una web buscando una información que necesito o especialmente por puro ocio, cuando me doy con la molestia que la página se demora mucho en cargar, lo que usualmente hago es esperar unos segundo prudenciales y si no se resuelve el problema o sea no carga la página mas rápido, solo salgo y busco otra. Creo que la mayoría no nosotros no nos gusta que nos dejen esperando, si ni a la novia le aguantamos eso imagínense a una web je. Esta demora en la carga tiene muchos motivos, pero usualmente para los diseñadores que empezamos, el fondo pesado nos juegue una mala pasada porque no toman en cuenta la importancia de la rapidez.

Unos claros ejemplos son página como facebook, yahoo, youtube, axside (miren donde me pongo ja! ) o el mismo google tienen de fondo predominante el blanco con algunas imágenes que pesan muy poco casi imperceptibles para las descargas. Claro esta que con esto no les digo que sacrifiquen su estilo e imaginación en elegir sus fondos, ya que seguramente un buen contenido de tus temas pueda tapar unos segundos más o menos de descarga de la página, lo ideal es mantener siempre un balance en todo.

Ahora nos preguntamos seguramente, como se pone una imagen de fondo, esto es muy sencillo como todo lo que hemos visto con el html y css.

El código para aplicar un fondo es:

 

 

Por ejemplo si nuestra imagen esta en nuestra carpeta imágenes y se llama fondo.gif. El código será asi:

 

Esto se puede hacer directamente desde nuestra página y también desde la hoja de estilos, claro que ya saben de donde lo hare yo je.

Bien en el siguiente apartado le pondremos fondo a nuestra página vamos.

 

 

 

<<<< Anterior Siguiente >>>>