Uso de imágenes de fondo en el diseño web

Viernes, 10 Febrero 2006 en Diseño Web

Cada vez viene siendo más habitual situar las imágenes que aparecen en una web en el archivo css. La importancia de separar el contenido del diseño adquiere más importancia si estamos trabajando en un diseño accesible y posicionable. En el posicionamiento en google u otros buscadores esta separación es obligatoria. Google no entiende de diseños sólo interpreta el texto que lee.

Habitualmente se utiliza para diseño de marcos de la página fondo degradados, esquinas redondeadas, muy de moda actualmente, pero también se pueden usar en creación de menús con formas de pestañas.

La utilización de esta técnica es bien sencilla. La sección que va a contener la imagen de fondo deberá estar identificada mediante un id. Esta identificación sirve para crear la referencia en el archivo css del siguiente modo:

En el fichero html:
< div id="nombre" >Texto que deberá aparecer por encima de la imágen de fondo< / div >
En el fichero css:
#nombre {
background: color url(”dirección de la imagen”) repeat | no repat …
}

De esta forma conseguimos efectos interesantes sin apenas ensuciar el código html

Tags:
Realizado por admin |



Servicios Ofrecidos

Enlaces Generales