Fondo. ¿Lo que es? Generadores de fondos de sitios web gratuitos

Tabla de contenido:

Fondo. ¿Lo que es? Generadores de fondos de sitios web gratuitos
Fondo. ¿Lo que es? Generadores de fondos de sitios web gratuitos
Anonim

Background (traducido del inglés - "fondo") es el fondo del sitio web. Es el diseño externo del cuerpo de un recurso web, que permite centrar la atención de los visitantes en los detalles principales sin distraerse con contenido secundario. La imagen para el fondo del sitio lo hace más individual y le da una carga semántica especial. El estado de ánimo del sitio es su fondo. ¿Qué da? Mucha gente sabe que el color de fondo tiene un impacto en los consumidores y usuarios, y elegir el correcto ayudará a atraer tráfico al sitio. Entre los significados más famosos: el amarillo es el color de la alegría, la felicidad y la calidez, el blanco significa pureza, fe y tranquilidad, el rojo es el color del marketing, el negro puede extinguir la influencia de los colores brillantes y es un símbolo de poder.

fondo que es
fondo que es

Acerca de los fondos del sitio web

Entonces, cuál es el trasfondo, lo descubrimos. Toda la percepción del sitio por parte de los usuarios depende de una insignificancia aparentemente tan pequeña. Después de todo, esto ayuda a distinguirlo de muchos recursos similares en la red. Vale la pena señalar que los webmasters solían crear manualmente fondos para sitios web. Ahora hay muchos servicios especiales que ayudan a crear un hermoso fondo. Por supuesto, nadie prohíbehágalo manualmente, pero los generadores de fondo modernos lo ayudarán a hacerlo de forma rápida y gratuita. Puede encontrar ejemplos de fondos listos para usar para el sitio en el artículo.

¿Cuál debe ser el fondo del sitio web?

El fondo del sitio (es decir, la imagen de fondo) lo elige el webmaster a su voluntad, pero hay que tener en cuenta que de ello dependerá la percepción de todo el recurso en su conjunto. No oscurezcas todo demasiado ni res altes con colores brillantes. El texto debe ser legible y visible. No es necesario poner negro en el fondo. ¿Cuál es la razón para esto? Según las estadísticas, el tráfico del sitio en tonos negros suele ser bajo, aunque este color prolonga la vida útil del monitor. Las imágenes con tonos claros son más adecuadas para el fondo.

Formas de agregar un color de fondo a una página web

fotos de fondo
fotos de fondo

Para establecer el color de fondo del sitio, debe agregar un parámetro llamado BGCOLOR a la línea con el descriptor en su documento HTML y asignarle el valor deseado (este será el nombre del color en inglés, por ejemplo, VERDE, ROJO, AMARILLO, etc.) o un código de color (oo8ooo - verde, FFoooo - rojo, etc.). El navegador reconoce ambas opciones. El código de color se puede encontrar en programas o editores especiales, como Photoshop o Macromedia Dreamweaver.

Toda la estructura será:

También puedes usar el código de color de la misma manera:

Como puedes ver, es fácil. Considere métodos para crear una imagen de fondo para un recurso web.

Formas de agregar una imagen de fondo

Como ya se mencionó, el significado de la palabra"fondo" es el fondo de un recurso web. Su función puede ser desempeñada por un archivo gráfico grande (pero luego la página se cargará más lentamente) e incluso su fragmento, que es más práctico en términos de tiempo de carga. Si se usa un fragmento de imagen, el navegador lo multiplica automáticamente por todo el campo, por lo que es mejor elegir una pieza que encaje consigo misma a lo largo del borde. Puede insertar una imagen de fondo en una página HTML como esta:

que es fondo
que es fondo

En este caso, el parámetro FONDO se establece en imágenes-g.webp

Indica dos niveles hacia abajo:

FONDO=CarpetaA/CarpetaB/images.gif

Dos niveles de directorio arriba:

FONDO=../../images.gif

Ruta completa (URL) - FONDO=(dirección de imagen completa)

Se recomienda utilizar el let completo para evitar confusiones. Lo principal es que la imagen de fondo no sea demasiado pálida, pero tampoco llame demasiado la atención. Como puede ver, hemos considerado el significado del concepto de "fondo", lo que es, ahora lo sabe. Ahora echemos un vistazo a algunos de los generadores de fondos de sitios web gratuitos mencionados anteriormente.

el significado de la palabra fondo
el significado de la palabra fondo

Generadores de fondo gratuitos

Entre los generadores de fondo gratuitos paraLos sitios web se pueden distinguir de la siguiente manera:

  1. En PatternCooler.com encontrará muchas imágenes de fondo gratuitas de cualquier color y textura. Aquí está el TOP de los mejores fondos, así como la posibilidad de crear fondos temáticos a partir de los ya preparados.
  2. En BgPatterns.com puedes crear tu propio fondo. Aquí puede elegir entre varios diseños en un color de fondo específico que puede elegir.
  3. El generador de Colourloverc.com es más que un simple generador. Después de todo, este es un proyecto completo, tiene algo de entusiasmo social. Aquí puede ver a menudo enlaces a blogs de diseñadores y desarrolladores. Puedes compartir tus dibujos y también editarlos para crear hermosos fondos.
  4. En Pixelknete.de puedes generar un hermoso fondo a partir de puntos de diferentes colores.
  5. Dynamicdrive.com le permite crear un hermoso degradado de fondo con diferentes colores.
  6. Tilemachine.com difiere de todos los generadores en cierto minimalismo. Ofrece fondos para sitios web infantiles.

Usar un servicio como este le ahorrará tiempo pero creará una hermosa imagen de fondo para su sitio web.

fondo para sitio web
fondo para sitio web

Imágenes de fondo para sitios de WordPress

La plataforma de sitios web más popular es WordPress. Esto no es sorprendente, porque es gratis y un equipo de programadores fuertes lo mejora constantemente. Y lo principal es que en él puede "probar" automáticamente una imagen para el sitio:

  1. Para hacer esto, seleccione uno de los servicios de generación de fondo mencionados anteriormente.
  2. Guarda la imagen resultante en tu computadora.
  3. Vaya al panel de administración de WordPress y busque allí: "Apariencia" - "Fondo" - "Carga de imagen" - "Guardar".

¡Solo tres pasos y el fondo está listo! Como puede ver, agregar un hermoso fondo no es algo tan difícil, lo principal es elegir el esquema de color y la imagen de fondo correctos.

Recomendado: