Cómo agregar un fondo a un sitio web

El fondo es uno de los elementos más cruciales de un sitio web. Un buen fondo crea el tono para el sitio web y complementa el contenido. Hay muchas maneras diferentes de agregar un fondo, en cada forma con un propósito diferente. Algunos métodos le permiten aplicar el fondo a todas las páginas en un sitio web, mientras que otras limitan los antecedentes a solo una página determinada. Este artículo le enseña cómo agregar un fondo a su sitio web utilizando HTML o CSS.

Pasos

Método 1 de 2:
Métodos HTML

Fondo de color sólido

  1. Imagen titulada Agregar un fondo a un sitio web Paso 1
1. Un fondo de color sólido es el tipo de fondo más básico que puede poner en un sitio web. De hecho, cada sitio web comienza con un fondo blanco predeterminado. Sin embargo, mientras que un fondo blanco puede ser muy elegante y limpio, cuando se usa con un esquema de color armonioso, un fondo de color diferente puede ser favorecido con diferentes temas.
  • Imagen titulada Agregar un fondo a un sitio web Paso 2
    2. Abra su código web (fuente).
  • Imagen titulada Agregar un fondo a un sitio web Paso 3
    3. En la etiqueta del cuerpo, agregue un atributo llamado Bgcolor. Ahora, tu etiqueta del cuerpo debería verse así-
    donde Colorame es el nombre del color. ColorName se puede llenar con muchos tipos de representantes de color-
  • (nombre de color)
  • (valor hexagonal)
  • (Valor RGB)
  • Imagen titulada Agregar un fondo a un sitio web Paso 4
    4. Experimentar con RGB y # puede llevar a muchos tonos, pero puede tomar el fácil primero. Pero recuerda que escribiendo un color poco común como "Verde azulado ultramarino" resultará en blanco.
  • Añadiendo una imagen de fondo

    • Agregar una imagen de fondo es ligeramente más complicada que un fondo de color sólido.
    1. Imagen titulada Agregar un fondo a un sitio web Paso 5
      1. Agregue la propiedad de fondo a la etiqueta del cuerpo, para que se vea así-

      ¿Dónde SRC es la fuente de la imagen SRC puede estar en la misma carpeta u otra carpeta / página web.
    2. (en la misma carpeta)
    3. (Dentro de una carpeta diferente)
    4. (en una página web diferente)
    5. Imagen titulada Agregar un fondo a un sitio web Paso 6
      2. Recuerda escribir el .jpg / .JPEG /.extensión de BMP.
    Método 2 de 2:
    Métodos CSS
    Imagen titulada Agregar un fondo a un sitio web Paso 6

    Fondo de color sólido

    1. Imagen titulada Agregar un fondo a un sitio web Paso 7
      1. Para agregar un fondo de color sólido en CSS, agregue un atributo de estilo. También puedes darIDS Y CLASES y usar hojas de estilos externas e internas.
    2. Imagen titulada Agregar un fondo a un sitio web Paso 8
      2. Tu etiqueta del cuerpo debería verse así-

    3. Donde el Colorameis El nombre del color, el valor hexagonal o RGB (también recuerde los últimos pasos del fondo de color sólido en HTML, también se aplican aquí) .

    Añadiendo una imagen

    1. Imagen titulada Agregar un fondo a un sitio web Paso 9
      1. Para agregar una imagen, agregue el atributo de estilo a la etiqueta del cuerpo. También puedes dar IDS Y CLASES y usar hojas de estilos externas e internas.
    2. Imagen titulada Agregar un fondo a un sitio web Paso 10
      2. Tu etiqueta del cuerpo ahora debería verse así-
    3. Imagen titulada Agregar un fondo a un sitio web Paso 11
      3. Recuerda que SRC es la fuente. Puede ser de la misma carpeta, una carpeta diferente o una página web diferente.
    4. (en la misma carpeta)
    5. (Dentro de una carpeta diferente)
    6. (en una página web diferente).
    7. Imagen titulada Agregar un fondo a un sitio web Paso 12
      4. Recuerda agregar el .Extensiones también.

    Repitiendo fondo estampado

    1. Imagen titulada Agregar un fondo a un sitio web Paso 13
      1. Para hacer un fondo de patrón repetido, agregue un fondo como se dice en los pasos anteriores. Su etiqueta corporal debe ser cambiada ahora a-
      Donde la configuración de repetición es la configuración. Puede haber muchas configuraciones repetidas, como-
    2. (El fondo se repetirá tanto vertical como horizontalmente.)
    3. (El fondo se repetirá horizontalmente.)
    4. (El fondo se repetirá verticalmente.)

    Fondo de imagen fija

    1. Imagen titulada Agregar un fondo a un sitio web Paso 14
      1. Fondos de imagen fijos se ven bien y no cambies a medida que se desplaza hacia abajo. Para hacerlos, solo necesitas hacer algunos ajustes simples al código en la sección anterior. Haz los ajustes para hacer que la etiqueta del cuerpo se vea así-

    2. ¿Dónde SRC es la fuente de la imagen de fondo, la posición es la posición de la imagen (puede variar desde el centro a la derecha) - el archivo adjunto de fondo es el principal "Catalizador"de este tipo de fondo. Se utiliza para contar la posición del fondo y se recomienda que no se cambie.

    Consejos

    Lea el artículo completo: la sección que queda fuera puede tener algunos consejos importantes (ya que las secciones de este artículo se encuentran en referencia entre sí y se escriben suponiendo que las secciones se lean).

    Advertencias

    Tanto los métodos HTML están depreciados, y pueden no funcionar en HTML 4.01 Estricto, así como XHTML estricto.
    Artículos Relacionados