Cómo Agregar Un Fondo Al Sitio

Tabla de contenido:

Cómo Agregar Un Fondo Al Sitio
Cómo Agregar Un Fondo Al Sitio

Video: Cómo Agregar Un Fondo Al Sitio

Video: Cómo Agregar Un Fondo Al Sitio
Video: Como Poner una Imagen de Fondo a una Pagina o Sistema Web 2024, Noviembre
Anonim

El fondo en el código fuente de las páginas web, dependiendo del diseño utilizado, se puede establecer especificando un color o enlazando a un archivo de imagen con la adición de sus parámetros de posicionamiento. Esto se puede hacer directamente en etiquetas HTML, en un bloque CSS separado en la parte del encabezado de la fuente o en un archivo separado con descripciones de estilo.

Cómo agregar un fondo al sitio
Cómo agregar un fondo al sitio

Instrucciones

Paso 1

Abra el código fuente del bloque que se utiliza en su sitio para establecer el fondo de sus páginas. Cuando se usa cualquier sistema de control, este bloque, como regla, se asigna en un archivo separado. El propio sistema de control tiene herramientas para editarlo directamente en el navegador. Dependiendo del sistema específico, este procedimiento se puede organizar de diferentes formas, por ejemplo, a través del editor de páginas. Si no usa sistemas de control, entonces el archivo correspondiente debe descargarse a su computadora y abrirse en cualquier editor. Es mejor usar un editor HTML especializado, pero también puede usar el Bloc de notas más simple.

Paso 2

Agregue un atributo bgcolor a la etiqueta del cuerpo que indique el tono de color si el fondo de la página debe ser un color, no una imagen. Por ejemplo:

Aquí hay un color naranja oscuro como fondo. El navegador no puede reconocer todos los nombres textuales ("mnemotécnicos") del tono, por lo que es mejor utilizar un código de color hexadecimal. Por ejemplo, el código FF8C00 corresponde a un color naranja oscuro:

Paso 3

Utilice el atributo de fondo en lugar de bgcolor en la etiqueta del cuerpo si el fondo debe ser configurado por una imagen en lugar de un color. Por ejemplo, si el archivo con la imagen de fondo se llama bgPic

Paso 4

Coloque una descripción de estilo en el encabezado de su código fuente si desea establecer el fondo de la página usando CSS. Por ejemplo, una descripción de estilo CSS que reemplaza el color naranja oscuro especificado en la etiqueta del cuerpo como fondo podría verse así:

body {background-color: DarkOrange;}

Y puede establecer una imagen de fondo con la siguiente descripción de estilo:

body {background: # FF8C00 url (images / bgPic.gif) repeat-y;}

Aquí, además del enlace a la imagen, también se indica el color de fondo (# FF8C00); si hay lugares en la página que no están cubiertos por la imagen de fondo, entonces se pintarán en el tono de color especificado aquí. El parámetro repeat-y especifica la repetición de la imagen de fondo verticalmente (a lo largo del eje Y). Si necesita repetir la imagen horizontalmente, entonces debe usar el valor de repetición-x, y prohibir la repetición del patrón, no repetir. Puede colocar descripciones de estilo antes de la etiqueta que cierra la parte del encabezado del código HTML.

Paso 5

Guarde los cambios realizados en el editor de páginas o guarde y cargue el archivo descargado de nuevo en el servidor si el código se editó en un archivo en su computadora.

Recomendado: