Cómo fijar una imagen de fondo en HTML

Cómo fijar una imagen de fondo en HTML

Añadir una imagen de fondo a tu sitio o página web puede ayudar a que se vea un poco más "atractiva". En este breve artículo se te dará la información básica sobre cómo añadir una imagen de fondo a tu sitio. Aquí puedes combinar CSS (Hoja de Estilos en Cascada, por sus siglas en inglés) con HTML para obtener buenos resultados. Se usa HTML para crear la estructura de una página web, mientras que CSS aplica un estilo a la estructura, pero sin HTML no habría nada a lo que aplicar estilo.

1. Abre el archivo css principal en tu editor de programación. El archivo css principal contiene una lista de todas las clases/ids de CSS del área de contenido principal de la página web, en orden alfabético. No debes desviarte de estas clases. Los IDs son enumerados después de las clases, y también estarán en orden alfabético.

• NO asumas que esto funcionará: Muchos sitios ofrecen contenedores superpuestos prefabricados y tienen instrucciones sobre cómo usar imágenes y dónde “pegar” su tipo de código.

• Debes comprender que la estructura del sitio web para los elementos HTML está definida por las clases CSS. Estas clases también contienen la información sobre la apariencia final de la vista de pantalla creada por el documento HTML. Usa HTML para el contenido, y CSS para la Presentación. El documento visualizado está codificado en HTML, y las estructuras nuevas a ser definidas están limitadas al estilo definido por las clases e IDs de CSS. Y el documento final se armará aplicándoselo a los elementos para la presentación de estas clases en la estructura HTML.

2. Coloca y fija la imagen de fondo como parte del CUERPO (BODY) para cualquier página definida en este archivo .css. Al principio del documento CSS de tu página (en el archivo abierto) quizás puedas añadir un código similar al de los ejemplos que siguen

• CAVEAT, excepción: Evidentemente, esta imagen podría ser efectivamente ignorada en el HTML si la misma hoja de estilos fija el fondo. Tu solicitud podría ser denegada en un fondo aparentemente libre por alguna imagen prefijada de fondo blanca o coloreada (un mosaico blanco o coloreado) puesta en la hoja de estilo, o quizás la hoja de estilo la haya dejado sin configurar para permitirte colocar el fondo de alguna de las maneras que siguen en los ejemplos.

• BODY { text-align:center; background: url(img/nombre_de_la_imagen.jpg) center; } /* coloca los comentarios aquí con notación de asteriscos */

• Si tienes una imagen grande que podría cubrir toda la página, añade "no-repeat" en nel ejemplo anterior, luego de "center". De otra manera el fondo sería rellenado con muchos mosaicos repetidos, como cuando la imagen hace una especie de textura de relleno.

...