La adición de un Plan de Fondo en un sitio: 13 pasos

2 Métodos:HTML CSS

El fondo es uno de los elementos más importantes de un sitio web. Un buen fondo crea el tono para el sitio y complementa los contenidos. Hay varias maneras diferentes de agregar un fondo, cada método con un propósito diferente. Algunos métodos permiten aplicar el fondo a todas las páginas de un sitio, mientras que otros limitan el fondo sólo a ciertas páginas. Este artículo le enseñará cómo agregar un fondo a su sitio web utilizando HTML o CSS.

método 1

HTML

planes de recaudación con los colores sólidos

Un fondo con un color sólido es la forma más básica de fondo que se puede insertar en un sitio. De hecho, cada sitio comienza con un fondo por defecto en blanco. Sin embargo, mientras que un fondo blanco puede ser elegante y limpio, cuando se utiliza con una combinación de colores armoniosa, un fondo con otro color puede ser favorable con otros temas.

Abra su web código (código fuente).

En la etiqueta del cuerpo (cuerpo), añadir un atributo llamado bgcolor. Ahora su cuerpo de la etiqueta debe tener este aspecto:

donde NOMEDACOREMINGLÊS es el nombre del color. NOMEDACOREMINGLÊS se pueden llenar con varios tipos de representaciones de color.

(Nombre del color, donde el rojo significa rojo)

(Valor hexadecimal)

(Valor RGB)

Experimentando con RGB y # puede añadir muchos matices, pero puede elegir la primera forma, que es más simple. Pero recuerde que debe entrar en un color inusual, como "Azulado verde ultramarino" (Verde azulado ultramarino), ya que esto resultará en blanco.

Adición de una imagen como fondo

Añadir una imagen como el fondo es un poco más complicada que la adición de un color sólido.

1
Agregue la propiedad de fondo a la etiqueta del cuerpo, para que se vea como en este ejemplo:

donde FNT es la fuente donde la imagen FNT se puede encontrar, ya sea en el mismo directorio u otra, o incluso en otra página.
(En el mismo directorio)
(Dentro de un directorio)
(En una página diferente)

2
Recuerde que debe introducir la extensión del archivo de imagen: .jpg, jpeg, bmp, etc.

método 2

CSS

Fondos con los colores sólidos

Para añadir un color sólido como fondo de CSS, añadir un atributo de estilo. También puede hacer que las identificaciones y las clases y usar ambas hojas de estilo internas y externas.

Su cuerpo de la etiqueta debe ser similar al siguiente ejemplo:

donde NOMEDACOR es el nombre del color en Inglés, valor hexadecimal o RGB (también recordar que los últimos pasos de fondo con color sólido en HTML se aplican aquí también).

Agregar una imagen

1
Para añadir una imagen, añadir el atributo de estilo a la etiqueta del cuerpo. También puede dar a las identificaciones y las clases y usar ambas hojas de estilo internas y externas.
2
Su cuerpo de la etiqueta debe ser similar a esto:

3
Recuerde que el TNF es la fuente. Esto puede ser el mismo directorio, un directorio o incluso una página o sitio web diferente.
(En el mismo directorio)
(En un directorio)
(En una página diferente).

4
Recuerde agregar extensiones también.

Repitiendo Plan del Fondo de Estandarizado

1
Para crear una trama de fondo repitiendo, añadir una "fondo" como se indica en los pasos anteriores. Su cuerpo de la etiqueta se ve así:

En caso de repetir que son los valores. No se puede repetir varias configuraciones, tales como:
(El fondo se repetirá en tanto horizontal como vertical.)
(El fondo se repetirá horizontalmente.)
(El fondo se repetirá verticalmente.)

Imagen fondo fijo

1
fondos con imágenes fijas se ven bien y no cambian a medida que se mueve hacia arriba o hacia abajo en la página, con la barra de desplazamiento. Para hacerlos sólo tiene que hacer algunos ajustes simples en el apartado anterior código. Hacer ajustes a su cuerpo de la etiqueta se ve así:
donde FNT es la fuente de la imagen de fondo, la posición es la posición de la imagen (puede variar de un centro / centro hacia la esquina derecha / superior derecha superior) - background-attachment es "catalizador" principal de este tipo de fondo. Se utiliza para indicar la posición de fondo y se recomienda que no se cambia.

consejos

Leer todo el artículo: la sección que se deja a un lado puede contener consejos importantes (como las secciones de este artículo están conectados entre sí y por escrito forma en que se supone que las secciones anteriores han sido leídos).